シンプル

Webデザイン補助

様々なスマフォやタブレット、PCなどのスクリーンのサイズを一覧化・「Screensiz.es」
CSS/HTML

Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」
CSS/HTML

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

描いた絵をGifアニメに出来るペイントツール・「GIFPaint」
ソフトウェア

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

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

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

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

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

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

CSSのショートハンドを解除してから整形する・「FESS」
プログラミング補助

正規表現をブラウザ上で実行テスト・「refiddle」
Webデザイン補助

ダミー画像を手軽に作成する・「PlaceIMG」
ジェネレーター

CSSによる三角形をジェネレートできる・「CSS triangle generator」
その他

デバイスに応じたMedia Queriesのコードをコピペ出来るスニペット一覧表・「Media Query Snippets」
その他

テキストの差分をチェックするだけのシンプルツール・「Diff Checker」
編集ツール

オンラインでシンプルなダイアグラムを生成出来る・「Graphity Diagram Editor」
その他

一度だけダウンロードできるファイル転送サービス・「JustBeamIt」
編集ツール

Font Awesomeのアイコンを利用したボタンを作成出来る・「CSS3Butt.in」
Webデザイン補助

猫の画像をダミー画像として使える・「{placekitten}」
その他

transition-timing-functionのcubic-bezier関数を動作を見ながら設定出来る・「Visualize and manipulate CSS transition functions」
CSS/HTML

モバイルファーストなCSSフレームワーク・「Blok Grid System」
次のページ