
シンプル


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

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

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

HTML5製のオンラインモックアップツール・「mocknow」

CSSフレームワークのToastをベースとしたWordPressテーマ・「Toastpress」

レスポンシブWebデザインの表示確認ツール・「Demonstrating Responsive Design」

カラーパレットを共有できる・「PLTTS」

カウントダウンをGIFアニメで作成出来る・「Gif Countdown」

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

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

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

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

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

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

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

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

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

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

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

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