【Firefox】Web制作向けおすすめアドオン集HTML/CSS2017.05.21この記事では、Webデザイン製作者向けのおすすめFirefox用アドオンについてまとめました。Managerおすすめアドオン集サイトのHTMLやCSSの確認や修正を行う時に、Firefoxとアドオンを使うことで効率よく行うことが出来ます。今回は、その中でもおすすめのアドオンを厳選して紹介します。多機能アドオンFirebugWeb制作向けの代表的なアドオンです。非常に多機能・高機能でHTMLやCSS、Javascriptの編集・デバッグを行えます。DeveloperJavascriptの制御(有効・無効化)やCSSの編集等ができます。Toolbarサイトの「ページオーソリティ」「ドメインオーソリティ」「被リンク」等の解析ができます。SEO対策に役立つアドオンです。extensionGoogleRank等を解析できるSEO解析系アドオンです。【インストール】https://addons.mozilla.org/ja/firefox/addon/seoquake-seo-extension/Firebug用アドオンFireQueryFirebugのコンソール画面でjQueryの動作確認を行えます。【インストール】https://addons.mozilla.org/ja/firefox/addon/firequery/FirePHPFirebugのコンソール画面でPHPのログを確認できます。PHPの動作確認に使えます。【インストール】https://addons.mozilla.org/ja/firefox/addon/firephp/FirepickerFirebugに色抽出機能を追加できます。【インストール】https://addons.mozilla.org/ja/firefox/addon/firepicker/デザイン・コード解析用アドオンColorZillaWebサイトの指定した場所で使われている色のカラーコードをチェックできます。ValidatorHTMLのコードを検証するアドオンです。【インストール】https://addons.mozilla.org/ja/firefox/addon/html-validator/MeasureItWebサイトの各コンテンツのサイズ(幅・高さ)を解析するアドオンです。【インストール】https://addons.mozilla.org/ja/firefox/addon/measureit/JSONViewサイトのJSONコードを確認できるアドオンです。Finderサイトで使用されているフォントの情報を確認できるアドオンです。V2サイトをIEで開いたときの表示をfirefoxで確認できるアドオンです。Photoshopサイトの画像をPhotoshopで開いて編集できるアドオンです。ChartこちらはWebサイトのソースコードをツリー形式で表示するアドオンです。Switcherブラウザのユーザーエージェントを変更できるアドオンです。PCでスマホ用ページを確認できます。【インストール】https://addons.mozilla.org/ja/firefox/addon/user-agent-switcher/FireFTPブラウザでFTP機能を使えるアドオンです。サーバーにデータをアップロードしたり出来ます。ManagerSQLデータベースを閲覧・編集できるアドオンです。ArticlesHTML/CSS【CSS】テーブル(表)の行・列の背景色を交互に変えるこの記事では、CSSでテーブル(表)の行・列の背景色を交互に変える方法とサンプルコードについてまとめました。HTML/CSS【CMSとは】メリット・デメリット・人気シェアを比較この記事では、CMSの主な特徴(メリット・デメリット)について人気なものを比較してまとめました。HTML/CSS【HTML/CSS】liタグの点(・)を消す方法この記事では、HTML/CSSでliタグの点(・)を消す方法とソースコードについて紹介します。サンプル集HTMLとCSSでWebサイトを制作する方法について入門者向けにテクニックをまとめています。HTML/CSS【HTML/CSS】レスポンシブデザインの簡単なコード例この記事では、レスポンシブデザインの簡単な例と、そのソースコードについて紹介します。HTML/CSS【jQuery】サイドバーを追尾させる方法この記事では、JavascriptとjQueryを用いて、サイトをスクロールした時にサイドバーを固定追尾させる方法をソースコードつきで紹介します。HTML/CSS【HTML/CSS】画像を格子状(表)にして並べるこの記事では、HTML/CSSで画像を格子状(表)にして並べる方法とソースコードについて紹介します。HTML/CSS【CSS】スマホ画面のみテーブルをスクロールさせる方法この記事では、CSSでスマホ画面で表示した場合のみテーブルをスクロールさせる方法とソースコードについてまとめました。HTML/CSS【HTML】aタグ(リンク)を新しいタブで開くこの記事では、HTMLのaタグ(リンク)をクリックした際に新しいタブで開かせる方法とソースコードについて紹介します。HTML/CSS【CSS】セレクタを正規表現で指定この記事では、CSSのセレクタを正規表現で行う方法とサンプル例をまとめました。HTML/CSS【CSS】h1、h2タグ(見出し)の文字横に画像を表示この記事では、CSSでh1、h2タグの文字横に画像を入れる方法とソースコードについてまとめました。HTML/CSS【CSS】セレクタの基本的な使い方まとめこの記事では、CSS・セレクタの基本的な使い方についてまとめました。HTML/CSS【HTML】スマホでinputタグを数字入力のみに設定この記事では、HTMLでスマホでinputタグを数字入力のみに設定する方法をソースコード付きでまとめました。HTML/CSS【XML】DTDで要素型宣言を定義XML文章のDTDで要素型宣言を定義する方法とサンプルコードについてまとめました。コメントをキャンセルメールアドレスが公開されることはありません。サンプル集2017.05.162018.08.26タイトルとURLをコピーしました。