ドットインストール代表のライフハックブログ
![『Chrome Developer Tools』の裏ワザまとめ | IDEA*IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b19e184ee011f2b38c352344097fada3b7873aa/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2012%2F08%2F6e722086e30ccb7642143def641cb07c.png)
ブログサービスなどで提供される記事作成機能には、あらかじめ様々なHTML編集機能が付加されている。しかし、そうしたデフォルトの機能で満足できず、自分でウェブ制作ツールを使用してMTMLやCSSを作成しているこだわりユーザーも多いはず。そんな人におススメな拡張機能が『Chrome Editor』だ。 Chrome Editorは、ブラウザー上で利用できるHTMLエディターだ。その場で簡単なHTMLファイルを作成したり、イチから新しいHTMLファイルを作成することもできる。どちらかといえば、頻繁に使うHTMLやCSS、JavaScriptコードなどを保存しておいて、ブログなどにコピペするといった用途に適しているだろう。 ■インストール Google Chromeのエクステンション配布サイトにアクセス。サイト上で“Chrome Editor”を検索して、ダウンロードページに進もう。
Web制作に使えるChromeのエクステンションを探している。 そんなあなたにおすすめなのが、『15 Google Chrome Extensions for People Who Build Websites』。Web制作者のためのGoogle Chromeエクステンション集です。 またいろいろと増えているようですね。 Web Developer Firefoxで便利なWeb DeveloperのChrome版 Resolution Test 解像度別の表示テストができるアドオン Pendule Web Developerに似た、デベロッパーのためのツール。マークアップのバリデーションや、画像を非表示にするなど Image Cropper スクリーンショットが撮れるアドオン。座標とサイズの表示もあります Webpage Screenshot 見ているページの全体のスクリーンショットが撮れ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く