Webデザイナー向け

Webデザイン補助

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

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

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

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

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

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

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

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

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

ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」
Webデザイン補助

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

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

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

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

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

国産のダミー画像生成サービス・「Placehold.jp」
共有系サイト

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

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

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

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

任意のWebサイトの使用カラーを抽出する・「ColrGrabr」
Webデザイン補助

CSS3のコードスニペットと動作デモを紹介する・「CSSFlow」
次のページ