表示確認
サンプルデータを手軽に作成出来るオンラインツール・「generatedata.com」
HTML5のフォーム要素のデフォルト表示を確認出来る・「Native form elements」
スマフォアプリのUIでクールなデザインを集めたギャラリー・「Inspired UI」
任意のWebページにWebフォントを使った状態で表示確認できる・「TypeWonder」
Google Web Fontのフォントの差分を確認出来る・「Tiff」
別のブラウザで表示確認する際、URLのコピペを不要にするブックマークレット・「Catapulty」
レスポンシブWebデザインの表示確認ツール・「Demonstrating Responsive Design」
BootstrapなどのフレームワークもサポートのWin/Mac対応オーサリングソフトウェア・「Pingendo」
タッチイベントをPCサイトで動作テストできるようにするブックマークレット・「Phantom Limb」
JavaScript、HTML,CSSを書いてその場で動作確認出来る環境を作れるOSS・「Editr」
Webページのベースラインをチェック出来るブックマークレット・「Gridwax」
正規表現をブラウザ上で実行テスト・「refiddle」
Webサイトのスクリーンショットを撮って注釈をつけて共有できる・「Bounce」
CSSを書いてリアルタイムでプレビューできる・「CSSDesk」
Webページの任意の箇所をハイライトして共有できる・「inFocus.cc」
transition-timing-functionのcubic-bezier関数を動作を見ながら設定出来る・「Visualize and manipulate CSS transition functions」
デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」
JavaScriptコードをブラウザ上で動作テスト、共有できる・「Plunker」
CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」
レスポンシブWebデザイン対応確認用ブックマークレット・「VIEWPORT RESIZER」