Tools & Resources

その他

jQueryのプラグインを大量に収集している・「Unheap」
その他

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

Webページのベースラインをチェック出来るブックマークレット・「Gridwax」
Ads
Webデザイン補助

ドラッグ&ドロップでBootstrapのレイアウトを作成出来る・「LayoutIt!」
最適化ツール

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

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

素敵なデザインのランディングページをまとめたギャラリー・「Land-book」
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」
次のページ