Tools & Resources

CSS/HTML

Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」
Webデザイン補助

レスポンシブWebデザイン用のモックアップを作成できる・「FROONT」
ソフトウェア

レスポンシブWebデザイン対応のHTML5 / CSS3テンプレートを配布する・「HTML5 Up!」
Ads
ソフトウェア

LessやSass、CoffeescriptなどをコンパイルできるWindows用ソフトウェア・「Prepros」
フレームワーク

レスポンシブWebデザイン対応のWebサイトを構築する為の軽量フロントエンドフレームワーク・「skel.js」
プログラミング補助

JSONを編集、整形出来る・「JSONmate」
JavaScript

AngularJS用のチートシート・「AngularJS Cheat Sheet」
CSS/HTML

レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」
その他

描いた絵をGifアニメに出来るペイントツール・「GIFPaint」
共有系サイト

手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」
フレームワーク

Andoroidアプリ用プロトタイプを作成する為のHTML/CSSフレームワーク・「Fries」
プログラミング補助

タッチイベントをPCサイトで動作テストできるようにするブックマークレット・「Phantom Limb」
ソフトウェア

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

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

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

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

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

SassのコードをCSSに即時変換・「SassMeister」
ソフトウェア

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

URLを入力すると、そのWebサイトの配色を取得する・「Web Colour Data」
プログラミング補助

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

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