Webデザイナー向け

ソフトウェア

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

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

フラットなデザインでよく使われてる色をまとめている・「Flat UI Colors」
Ads
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」
ジェネレーター

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

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

PNGやPSDファイルとしてエクスポートできるグリッド生成ツール・「Modular Grid Pattern」
次のページ