
Webデザイナー向け


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

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

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

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

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

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

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

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

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

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

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

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

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

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

素敵なデザインのランディングページをまとめたギャラリー・「Land-book」

国産のダミー画像生成サービス・「Placehold.jp」

Webサイトのスクリーンショットを撮って注釈をつけて共有できる・「Bounce」

ダミー画像を手軽に作成する・「PlaceIMG」

CSSフレームワークの機能が一目で分かる一覧表・「CSS Front-end Frameworks with comparison」

iPhone, や、iPad、MacのアプリサイトのWebデザインギャラリー ・「App Sites」
