製作時によく使うWebツールとか参考サイトとか

あんまり自分はこういうWebツールとか詳しい方ではないんですけど、それでも利用してるものは利用してます。既出かもしれないですけど、今日は自分がよく使ってるサイトとかサービスとか紹介していきます。最近はLOGOとかまでフリーで落ちてるので凄いですよねぇ。画像クリックするとそのサイトへ飛べます。

TwitterBootstrap

テーマが沢山あるのでテンプレートといえどデザインパターンは沢山あります。もちろん全てデザインできるわけではありませんが、レイアウトの手間が激減します。

他にもこんな感じのあります

FontAwesome

アイコンをWebフォントとして利用することができます。かなり種類があるので画像作る手間が減ります。使い方は要素に指定されたクラスを振るだけです。

jPLUGINS.NET

ここはカテゴリ毎にプラグインが別れてて、オサレなuiがたくさん載ってます。

jQueryScirpt.net

ここにもjQueryのプラグインやライブラリが沢山載ってます。1個1個記事になっててデモやチュートリアルがあるので分かりやすいです。

CLOUD LOGO

パブリックドメインのベクターロゴをダウンロードできるサイトです。ロゴを自分で作るとかなり時間食うし面倒なので、ここからダウンロードして見本にしたりパーツ拝借したりしてます。

他にもあるみたいですね。

Ultimate CSS Gradient Generator

CSSのグラデーションをフォトショップ感覚で作れます。地味に重宝します。

I/O 3000

見やすいのと名前がかっこいいのでデザイン見本にはこのサイトを使ってます。

きっと皆さん既に知ってると思いますけど、自分はこれとかpakutasoとかiconhoihoiとかシルエットデザインとかとか使ってます。