レスポンシブ対応用に複数のブレイクポイントで手軽に確認できるツール -Wood Cuttr
スマフォの横と縦のサイズっていくつだっけ？ タブレットは？ ネットブックは？ とウェブページの制作で、レスポンシブ対応用に複数のブレイクポイントで簡単に確認できるツールを紹介します。 Wood Cuttr Wood Cuttrの対応ブラウザ・デバイス Wood Cuttrの使い方 Wood Cuttrのセットアップ Wood Cuttrの対応ブラウザ・デバイス 対応ブラウザ・デバイスは、下記の通りです。 動作するブラウザ IE9+ Firefox 3.6+ Chrome 10+ Safari 5.1+ Opera 11.6+ ※Wood Cuttrが動作するブラウザです。 サポートしているデバイス iPad & iPhone Models Android スタンダードなTVスクリーン デスクトップ ※ビューポートのサイズをサポートしているデバイスです。 Wood Cuttrの使い方 使い方
ウェブサイトの制作に必ず役立つブックマークレットのまとめ
ウェブサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなるのがイヤな人にぴったりです。 レスポンシブの確認はこれが一番便利 コードとアクセシビリティをチェック ページに柔軟なグリッドを表示 デザインの確認がピクセル単位でできる CSSの変更をリフレッシュ無しで確認 要素のスタイルを確認 CSSのセレクタを確認 ページで使用しているカラーを抽出 CSS3をサポートしていないブラウザでの見え方 ページの見出しを抽出 ページの構造が正しいか確認 ページをワイヤーフレーム化 コードをシンタックス化して読みやすく スマフォやタブレットでもコードが見たい レスポンシブの確認はこれが一番便利
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Media Queries