Webデザイナー向け

CSS/HTML

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

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

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

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」
編集ツール

ベクターオブジェクトをソースコードに変換するIllustratorの拡張・「Drawscript」
インスピレーション

学生によって作成された作品のみを掲載しているWebギャラリー・「Student Show」
Webデザイン補助

猫の画像をダミー画像として使える・「{placekitten}」
Webデザイン補助

Sass用のカラー調整Webツール・「SassMe」
Webデザイン補助

デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」
CSS/HTML

モバイルファーストなCSSフレームワーク・「Blok Grid System」
次のページ