Webデザイナー向け

ソフトウェア

オープンソースで配布されているシンプルなアイコンフォントのセット・「Ionicons」
インスピレーション

iOS7な色合いのカラーコードをコピペ出来る・「iOS 7 colors」
Webデザイン補助

ダミーのユーザー名と画像を生成する・「Random User Generator」
Ads
Webデザイン補助

レスポンシブWebデザインのリソースをまとめているハブサイト・「Responsive Design Knowledge Hub」
CSS/HTML

シンプルで軽量なCSSフレームワーク・「LAYERS CSS」
Webデザイン補助

PSDファイルのバリデーションツール・「PSD VALIDATOR」
CSS/HTML

スマフォやタブレット向けのCSSフレームワーク・CLANK
インスピレーション

Dribbbleでの人気の投稿を日々紹介する・DAILYBBBLE
CSS/HTML

CSS3のエフェクト付きモーダルウィンドウ・「jQuery Custombox 」
その他

HTML5のフォーム要素のデフォルト表示を確認出来る・「Native form elements」
ソフトウェア

オープンソースのライブプレビュー付きMarkdownエディタ・「CuteMarkEd」
CSS/HTML

Twitter Bootstrapで作られた様々なテンプレートを配布する・「Start Bootstrap」
CSS/HTML

Twitter Bootstrapでフラットなデザインを構築する為のフレームワーク・「Bootflat」
ソフトウェア

Twitter Bootstrapベースの管理画面デザインテンプレート・「TemplateVamp」
ジェネレーター

ttfフォントをWebフォント化するジェネレーター・「@font-face Generator」
CSS/HTML

多数のコンポーネントが用意されたWebUIフレームワーク・「Semantic UI」
その他

:nth-childの使い方を分かりやすく教えてくれる・「Master of the :nth-child」
インスピレーション

スマフォアプリのUIでクールなデザインを集めたギャラリー・「Inspired UI」
最適化ツール

入力したHTMLのclassやidを元にCSSの雛形を作る・「extractCSS」
ソフトウェア

Google Map向けのアイコンフォント・「Map Icons」
ジェネレーター

Chrome Developer ToolsやSublime Text 2のテーマをギャラリーにしている・「devthemez」
ソフトウェア

商用でも使えるシンプルなアイコンを大量に配布する・「Simple Icons」
次のページ