Webデザイナー向け

編集ツール

Web上でアイコンフォントを作成できる・「Fontastic」
Webデザイン補助

iOS7向けのアイコン作成用Fireworksテンプレート・「Template for iOS 7 App Icons (FW)」
その他

CSSのみで書かれたアイコンのセット・「CIKONSS」
Ads
Webデザイン補助

FFFFOUND!からダミー画像を生成・「hhhhold!」
CSS/HTML

CSSライブラリをコレクションしている・「CSSDB.co」
Webデザイン補助

カラーパレットを共有できる・「PLTTS」
インスピレーション

Sketchのファイルをアーカイブしている・「SketchMine」
Webデザイン補助

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

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

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

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」
次のページ