TOP  >  Design  >  webサイトの動きや表現などのクオリティ向上を図るためのツールまとめ「50 CSS and JavaScript Tools, Frameworks and Libraries」
2015年05月26日

webサイトの動きや表現などのクオリティ向上を図るためのツールまとめ「50 CSS and JavaScript Tools, Frameworks and Libraries」

webサイト上の仕様を自身ですべて開発するには時間やコストが必要であり、どうしても限界があることが多いと思います。今回はそんな時に参考にしたい、webサイトの動きや表現などのクオリティ向上を図るためのツールまとめ「50 CSS and JavaScript Tools, Frameworks and Libraries」を紹介したいと思います。

tools0526_1
SassyFlags – Simple Sass Library for flags

CSSやJavaScriptなどのツール、非常に多彩な種類が紹介されており、サイトを今よりもっと魅力的に演出することができます。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

tools0526_2
Pie Menu Generator
円形メニューのジェネレーター。仕様やデザインがページ上でプレビュー表示できるため、非常にわかりやすいのが特徴です。
 
 
 
 
tools0526_3
connoratherton.com/loaders
いろいろな種類のローディングアニメーションが揃っています。定番からちょっと個性的なものまで、種類豊富なのが嬉しいところ。
 
 
 
 
tools0526_4
Textures.js
ストライプやドット、その他いろんな種類のテクスチャを描き出せるjs。色を変えたり、範囲が自由に可変できるのが利点。使い方によって非常に活躍の場が広がりそうですね。
 
 
取り入れることで、今まで制作していたサイトのクオリティをより高めることができると思います。気になったものはまず取りいれ反映してみてはいかがでしょうか。

50 CSS and JavaScript Tools, Frameworks and Libraries

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る