知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ
Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。 デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chrome Developer Tools: Next Level Front-End Development Techniques 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 01. ダークテーマ 02. 要素をすばやく選択できる選択モード 03. グローバル変数として格納 04. アニメーション用のツール 05. 要素の疑似状態をシ
Mozilla Re-Mix: 閲覧しているページのCSSをリアルタイムに編集して状態を維持できるGoogle Chromeエクステンション「Stylebot」
ウェブページは、管理者の好み、使い勝手、企業イメージなどにより、様々なスタイルで表示されるようになっています。 しかし、ユーザーは各サイトのスタイル全てを受け入れているわけではなく、中には文字が小さい、目がチカチカする、行間が狭いなど、様々な不満要素があるものです。 こうしたスタイルは基本的に管理者側で決定するものですので、不満だからと言ってどうすることもできないのが普通ですが、お気に入りのサイトのあの部分を修正できれば・・という気持ちになったことは誰しもあるはずです。 そんな風に考えたことがあるGoogle Chromeユーザーなら、「Stylebot」という拡張機能を使うことでこうしたサイトをもっと閲覧しやすくすることができます。 「Stylebot」は、表示しているサイトのスタイルをユーザー側で変更し、変更後は常にそのスタイルで表示することができるようになるという拡張機能です。 拡張
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
