Webデザインについて、本やネットを見ていて出てくる便利ツールのまとめ。(ごく一部ですが)

構築スタート時に使えるツール

Initializr

Classic H5BP、Responsive、Bootstrapの3パターンいずれかの基本的なデータを15秒足らずで作ってくれちゃう便利ツール。そこから色々カスタマイズが必要にはなりますが、CSSとかJavaScriptが用意されるので作業が楽になります。

http://www.initializr.com/

Initializr

 

CSS作成時に使えるツール

CSS3 PIE

CSSでグラデーション設定をすると、Internet Explorerの旧バージョンでは表示ができないため、正しく表示させるためにはCSS3 PIEなどのJavaScriptライブラリを使用して設定ができます。

http://css3pie.com/

css3pie

DEMOで試してみると、角丸設定、ドロップシャドウ設定、グラデーション設定ができます。Show CSSにチェックを入れると、下にデモのCSS記述が出てきます。ダウンロードは右側から。

CSS3 PIE

 

アイコン作成で使えるツール

Entypo

イラストがキーに割り当てられているフォント。アイコン作成に便利。

http://www.entypo.com/

entypo

 

フロップデザイン

シルエット素材やイラスト、アイコンなどさまざまな素材が無料ダウンロードできる。

http://www.flopdesign.com/download.html

フロップデザイン

 

ひとまず。追加があったら追記していきます。


コメントを残す