Tools & Resources

インスピレーション

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

Webデザイン補助

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

その他

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

Ads
共有系サイト

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」

その他

一度だけダウンロードできるファイル転送サービス・「JustBeamIt」

インスピレーション

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