Webデザイナー向け

ジェネレーター

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

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

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

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

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

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

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

UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」
インスピレーション

Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」
CSS/HTML

CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」
ソフトウェア

主要ソーシャルサイトのWebアイコンフォント・「Socialicious」
フレームワーク

フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」
その他

CSSのセレクターの知識を再確認できるクイズ・「Tricky CSS Selectors Quiz」
Webデザイン補助

別のブラウザで表示確認する際、URLのコピペを不要にするブックマークレット・「Catapulty」
CSS/HTML

CSSフレームワークのToastをベースとしたWordPressテーマ・「Toastpress」
JavaScript

YUIを使用したUIフレームワーク・「AlloyUI」
JavaScript

要素をレンガ状に並べるライブラリ・「MASON.JS」
その他

HTML5やCSS、jQueryなどのAPIのドキュメントサイト・「DevDocs」
その他

地図用に作られたマーカーアイコンのセット・「Maki」
CSS/HTML

モバイルファーストなCSSフレームワーク・「Cardinal」
CSS/HTML

SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」
Webデザイン補助

有名なサイトのUIを再現し、PSDで配布する・「Popular UIs」
次のページ