Tools & Resources

最適化ツール

CSSのショートハンドを解除してから整形する・「FESS」
プログラミング補助

正規表現をブラウザ上で実行テスト・「refiddle」
インスピレーション

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

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

PDFファイルを画像やWord、Excel等にコンバートしたり24時間ホスティングしてくれる・「Cometdocs」
共有系サイト

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

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

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

CSSを書いてリアルタイムでプレビューできる・「CSSDesk」
インスピレーション

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

Web制作に役立つツールをまとめている・「WebPlatformTools.org」
Webデザイン補助

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

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

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

ソースコードを画像化してInstagramライクに装飾できる・「Instacode」
その他

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

テキストの差分をチェックするだけのシンプルツール・「Diff Checker」
その他

Webページの任意の箇所をハイライトして共有できる・「inFocus.cc」
Webデザイン補助

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

オンラインでシンプルなダイアグラムを生成出来る・「Graphity Diagram Editor」
ソフトウェア

CSS3を使ったエレメントを簡単に作成出来るChrome拡張・「CSS-SHACK」
編集ツール

ベクターオブジェクトをソースコードに変換するIllustratorの拡張・「Drawscript」
次のページ