
Tools & Resources


Webフォントとしても使えるMetroスタイルのアイコンセット・「Metrize Icons」

Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」

フラットなデザインでよく使われてる色をまとめている・「Flat UI Colors」

WordPressのプラグインで上位ダウンロード数TOP108を元素記号のように一覧化したWebサイト・「The Periodic Table of WordPress Plugins」

Retinaディスプレイ用の画像を作成できるPhotoshopアクション・「Retinize It」

SassのコードをCSSに即時変換・「SassMeister」

作成したフォントをパブリックドメインで公開・「ドットコロン」

URLを入力すると、そのWebサイトの配色を取得する・「Web Colour Data」

JavaScript、HTML,CSSを書いてその場で動作確認出来る環境を作れるOSS・「Editr」

プログラミングに適したフォントをまとめている・「What are the best programming fonts?」

OSSで公開されているHTML5製のノベルゲームエンジン・「TyranoScript」

ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」

PNGやEPS形式のワイヤーフレーム作成用キット・「WIRED」

フリーでオープンソースなフォントのプロジェクトサイト・「The League of Moveable Type」

jQueryのプラグインを大量に収集している・「Unheap」

PhotoshopをWebデザインで使う際のファイルの扱い方をまとめる・「The Photoshop Etiquette Manifesto」

Webページのベースラインをチェック出来るブックマークレット・「Gridwax」

ドラッグ&ドロップでBootstrapのレイアウトを作成出来る・「LayoutIt!」

CSSのショートハンドを解除してから整形する・「FESS」

正規表現をブラウザ上で実行テスト・「refiddle」
