
Webデザイナー向け


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

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

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

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

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

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

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

多数のコンポーネントが用意された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」

デバイス別にレイアウトを作れるレスポンシブWebデザイン用CSS作成ツール・「Responsive Web Css」

任意のWebページにWebフォントを使った状態で表示確認できる・「TypeWonder」

WebサイトのスクリーンショットをiPhoneやiPad、Androidなどを模したイラストと合成できる・「MockUPhone」

Illustratorで使えるiOS7用のワイヤーフレームキット・「iOS 7 Wireframe Kit」

SVGによる背景を作成出来る・「SVGeneration」

Webフォントを使ったWebデザインをコレクションしている・「Typewolf」
