
Tools & Resources


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

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

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

Bootstrap向けのシンプルなWYSIWYGエディター・「Summernote」

Web制作に使えそうなWebツールを週一で知らせてくれるメールマガジン・「WEB TOOLS WEEKLY」

MIT/Apache/GPLライセンスの違いをまとめた・「Choosealicense.com」

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

HTML5製のアニメーションエフェクトコンテンツを作れる・「 HTML5MAKER」

jQueryを使ってWin8のMetroライクなUIを実装・「Metro JS」

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

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

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

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

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

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

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

YoutubeやVimeo、Googleマップ等をレスポンシブWebデザインに対応させる為のツール・「Embed Responsively」

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

Google Web Fontのフォントの差分を確認出来る・「Tiff」

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