ホームページ作成SEOマニアックス

ホームページ作成に役立つブラウザ、Firefox。Firefoxを薦める訳とFirefox Add-onsのEditCSSの使い方。ホームページを作るのにIEしか使ったことが無いなんて恥ずかしいことですよ!

日本でのブラウザの使用率はインターネットエクスプローラーが7割とか言われています。

WindowsOSのシェアが多いので仕方が無いことなのだろうが、世の中にはインターネットエクスプローラーしか知らないというユーザーが非常に多い。というか多すぎる。。。

ブラウジングしかしないユーザーならいざ知らず、ホームページを作成しているユーザーまでそんな方が多いというのは如何なものか?

世の中、OSだってWindowsだけではないし、OSが違えばブラウザだって違うのだ。
という私もWindowsをはじめ、MacOS、Fedora core、Solarisなどを使用している。

何が言いたいかというと、ホームページを作成するのなら、すべてのブラウザで正常に表示できるサイトを作ることを心がけたいという事だ。

IEのみでしか確認していないと、他のブラウザで見たときにレイアウトが崩れていて、とても見られたものじゃないというサイトが結構多いのだ。

ここではそんな悩みを少しでも解決してくれる便利なブラウザFireFoxを紹介する。

Advertisement

それは数多くのフリーで使用できるFirefox Add-onsというものがあり、その中にはWebページ作成に役立つものが存在するからです。

中でも私が良く使用して便利だと思っているものが、EditCSS

これはサイトのスタイルシートをブラウザの左側(ブックマークとかが表示されるところ)に表示させ、タイムリーに編集できるプラグインである。

EditCSSのインストールは簡単で、https://addons.mozilla.org/ja/firefox/addon/179左のFireFox Add-onsリンクにアクセスし、Firefoxへインストールをクリックするだけ。

Firefoxがインストールされていれば自動的にダウンロードとインストールが終了する。

EditCSS

CSSを見直したいページをFirefoxで開いて、ページ上で右クリックする。

画像のようにメニューの一番下にEditCSSと出てくるのでクリックする。

または、Shiftキー+Ctrlキー+8キーの3つのキーを押すことで起動できる。

EditCSS

EditCSSを起動すると、ブラウザの左側(ブックマークなどが表示される所)にスタイルシートが表示される。

ここで目的の箇所を修正すると、リアルタイムで右側に表示されている画面に反映される。

納得いく設定ができたら、左に表示されているスタイルシートをコピーして、本番のスタイルシートに貼り付け反映させればよい。

Webサーバーにアップしたファイル(html)にしか使えないが、この機能はかなり便利である。

Firefoxでちゃんと表示されていれば、ほとんどのブラウザでも正常に表示されるので、後はインターネットエクスプローラーでチェックして修正すれば良い。

というか、IEだけはスタイルシートの読み込み方が異なるので、レイアウトがずれてしまう場合がある困ったブラウザなのだ...(バグも多いし...)

IEだけレイアウトがずれてしまう場合は、IEでのレイアウトずれ対処を参照してください。

Advertisement
IPv4アドレスがついに枯渇!IPv6移行も早まるのかな。
ちょっとムカついたので、最近更新怠慢気味だからネタにしちゃうぞ! と言うのは先日...
インラインフレームとサブドメインの日本語JPドメインを使い、他人のサイトを自分のサイトのように表示させている悪意のあるユーザー対処。「のリンク.jp/」と言うドメインを使いやりたい放題で、その上ウイルスもばら撒く不届き物なので注意!
Gumblarウイルス被害に遭わないためにも自分のマシンのセキュリティーはしっかりしておきましょう。と言うわけでGumblar対策です。
Firefoxのバージョン3.xを終了して再びFirefoxを起動すると、Firefox は起動していますが応答しません。新しいウインドウを開くにはまず既存の Firefox プロセスを終了させるか、コンピュータを再起動しなければなりません。のメッセージが出る現象の回避手順。

<<<前の記事へ | 次の記事へ>>> このページのトップへ


■複数キーワードで検索する時は半角スペースで区切ってください
My Yahoo!に追加
IPv4アドレスついに枯渇!
迷惑極まりない問い合わせ
MTおよびMTOS 5.02 セキュリティーアップデート
ロリポップサーバーでのMT公開日時指定投稿(cron)設定
自サイトが悪意のある他サイトにインラインフレーム表示される
Gumblar対策
MTOS 5.0 アップグレード後、携帯サイトが文字化け
MTOS 5.0 アップグレード手順 SQLite
Firefox プロセス終了できない現象
不正なサイト乗っ取りの防止策
MT ファイルアップロード制限変更手順
Apacheサーバーでのindex Of 表示回避手順
SWFなどの埋め込みコンテンツがIE6でエラーダイアログが出る現象
MT4.261アップグレード手順
ロリポップサーバ、ディスク容量増加!
さくらインターネット .htmlをPHPとして動かす
MTOS 4.x インストール手順
MT 4.x ダウンロード 転送 パーミッション変更 SQLiteデータベース作成
さくらサーバーでの Index of 表示をさせない手順
phpのバージョン確認方法
Apache2.2 最新バージョン
PHP インクルード 文字化けする現象
コアサーバーでのcronの設定 MT4.x 日時指定で予約投稿編
サクラエディター 入力改行コードの指定 (LF)
ハッスルサーバーで Service Temporarily Unavailable が頻繁に出る
チカッパphp5バージョンアップ後のphp includeエラー対処
さくらサーバーで.htmlをphpとして動かす
FLVファイルの埋め込みでのIEスクリプトエラー対処
ロリポップサーバーでphp5バージョンアップ時のincludeエラー対処
ハッスルサーバーでMT4.2 PHP化注意事項
格安レンタルサーバーの比較
Google独自ブランドのブラウザGoogle Chrome登場!
Windows MediaPlayer11 でHTML埋め込みwmvが視聴出来ない現象
FLV動画の埋め込み手順
Safariでのcssレイアウトずれ対処
Firefox3 公開!IE7より9.3倍早い!!!
自宅サーバーでの検索エンジン対策
相互リンクと被リンク
metaタグを知ろう!
go-pear.phpが実行できない場合
SEOを考慮したサイトの引越し(301リダイレクト)
IE7でのレイアウトずれ対処
バックリンク(被リンク)について
Thumbs.db ファイルをFTPに残さない(作らない)
自宅サーバ でのwmv埋め込み+Firefox・Mozilla(Apache)
サイト整理=リンク切れのチェック
FireFox Add-ons Edit CSS
Flash(.swf)の埋め込み-IE・Mozilla系共有
wmvファイル埋め込み(Java Script 編)
wmv動画の埋め込み(IE・Mozilla系共用)
IEでのレイアウトずれ対処(css)
IE6以前でpng透過画像を使用する
フレームセットの利点と欠点
htmlファイル整理|ディレクトリ毎のファイル整理
検索エンジンを意識したサイトを作る
ホームページのタイトルと内容
MT作成サイトのPHP化手順
さくらサーバーでのPHPサイト構築
PEARのインストール(さくらサーバー編)
サクラエディターの使い方
サクラエディターのインストール

サイトマップ