Webデザイン補助

PhotoshopやBlender等のショートカットマップ・「Application Shortcut Mapper」

ログイン画面やショッピングカート等の実装コードを配布する・「Cody」

手軽にガイドとグリッドを追加できるPhotoshop拡張・「Griddify」

Ads

シンプルでフラットデザインなモバイル向けUIをPSDファイルで配布する・「UI Kit」

PSDファイルからCSSやSVG、画像ファイルなどを取り出せる・「Avocode」

手書き風のベクターUIキット・「Jolly UI」

WebサイトでPhotoshopライクにガイドを引けるルーラーを利用出来る様にするブックマークレット・「RulersGuides.js」

パブリックドメインの高品質な画像を日々更新、配布する・「Public Domain Archive」

デザインの情報に特化したキュレーションサービス・「」

CSSで書かれたフラットデザインなiPhoneやiPad・「devices.css」

iOS7向けのワイヤーフレームをIllustratorで作成する為のキット・「awesomekit.me」

IxDをチェックする為のリスト・「IxD Checklist」

透過されたシームレスなパターン画像を配布する・「TRANSPARENT TEXTURES」

クライアントに伝わるように、という事を目指したワイヤーフレーム用UIキット・「C.ROWE Wireframe Kit」

Bootstrap 3のベクターデータUIキット・「Bootstrap 3 UI Kit」

Webデザインのリソースサイトへのリンクを大量に収集している・「webdesignrepo」

Fireworksの拡張機能を配布する・「Project Phoenix」

背景に使えるパターン画像を収集、配布する・「The Pattern Library」

RWD施行時に使える、デバイス毎のモニターサイズを視覚的に把握できるチートシート・「Responsive Web Design Cheat Sheet」

iPadやiPhoneなどのデバイス向けのフラットデザインなモックアップ用素材・「Flat Apple’s Devices Mockup」

Googleフォントでどのフォントが人気かが分かる・「Google Fonts :Analytics」

CSSからブレークポイントを探して、その設定に応じた幅での表示状態をまとめて確認出来るブックマークレット・「BreakpointTester」