Webデザイナー向け

CSS/HTML

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

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

オープンソースのライブプレビュー付きMarkdownエディタ・「CuteMarkEd」
Ads
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」
ジェネレーター

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

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

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

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

SVGによる背景を作成出来る・「SVGeneration」
インスピレーション

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

著作権フリーでクオリティの高い写真素材を10日に1回、10枚配布する・「UNSPLASH」
インスピレーション

UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」
次のページ