
表示確認


動作軽量で使いやすいオープンソースなイメージビューア・「ImageGlass」

SSの画像をアップロードするとMac ChromeやWin Firefoxなど、ブラウザのフレームに合成してくれる・「Browser Frame」

任意のWebページでグリッドと要素のアウトラインを表示するChromeエクステンション・「tachyons-x-ray」

色覚障害の方に対応したWeb制作の為のChromeエクステンション・「ChromeLens」

レスポンシブWebデザインにも対応できるオープンソースのプロトタイピングツール・「PrototypeBrewery.io」

WebサイトがモバイルフレンドリーかどうかをテストするGoogle製チェックツール・「Google Mobile Friendly Test」

GithubやBitBucketでホストされている任意のHTMLファイルをプレビューするブックマークレット・「HTMLPreview」

任意の2つのWebサイトのパフォーマンスチェックと、その結果の比較が出来る・「dareboost」

色覚異常の方向けに作られた、Webサイトにカラーフィルターを適応させて認識しやすくするChromeエクステンション・「Color Enhancer」

App Store用のスクリーンショットを作成出来る・「App Store Screenshot Builder」

文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」

ヤコブ・ニールセンの10のヒューリスティックに基いたユーザビリティチェックを行う為のChromeエクステンション・「UX CHECK」

任意のWebサイトのスコアレポートを提出してくれる調査ツール・「Nibbler」

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

スクリーンショットやスクリーンキャストを撮り、自動でWebにアップロードするツール・「ShareX」

リアルタイムプレビューが可能なOSSのSass/CSSエディタ・「Takana」

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

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

IEの開発バージョンを公開している・「IE Developer Channel」

RWD施行時に使える、デバイス毎のモニターサイズを視覚的に把握できるチートシート・「Responsive Web Design Cheat Sheet」
