
Webデザイン補助


2色を選んでマテリアルデザイン向けのカラースキームを作成してくれる・「Material Palette」

ブラウザで使えるモダンデザインなインタラクションデザインツール・「Plexi」

Webサイトのスタイルガイド作成の為のリソースをまとめている・「Website Style Guide Resources」

閲覧中のWebページに使われているCSSを解析してくれるChromeエクステンション・「CSS Dig」

SASS向けのカラーライブラリ・「Color Me SASS」

画像をアップロードして色覚異常をシミュレート出来る・「Coblis」

書いたHTMLを任意のデバイスでリアルタイムプレビュー出来る・「snap tomato」

シンプルなワイヤーフレーム作成ツール・「wireframe.cc」

ドラッグ&ドロップでHTMLメールのスタイルを作成出来る・「BeeFree 」

CSSフレームワーク・Foundation5のチートシート・「Foundation CheatSheet」

Youtubeの動画のスタイルをカスタマイズして任意のWebサイトに埋め込む為のツール・「reEmbed」

任意の要素や要素間の幅等の距離をマウスホバーだけで計測出来るChromeエクステンション・「Dimensions」

カラフルなCSSグラデーションを作成出来る・「Colorful CSS Gradient Background Generator」

RWDにも対応の、Webサイトにコメントを入れて共有出来るWebサービス・「coment.me」

Photoshop内でFont Awesomeを使えるようにする・「Font Awesome PS」

Web上で公開されている高品質なフリーの画像を収集しているストックフォトサイト・「Pexels」

ダミー用のアイコンを配布する・「Lorem Icon」

フリーで公開されている、パワフルなベクターデザインアプリ・「GRAVIT」

綺麗な景色などの動画を無料配布するプロジェクト・「Mazwai」

紙に描いたモックアップを撮影して実機で動作テスト出来る・「POP」
