CSS 編集における Safari の「要素の詳細を表示」機能と Firefox の Firebug の使い分けについて

私自身が現在行っている CSS の編集方法についての覚書です。

私自身は特別な CSS 編集ツールを使っているわけではありません。Web ブラウザやそのアドオンの機能だけで CSS の編集作業を行っています。

以前は、Safari だけで CSS の編集作業を行っていましたが、現在では FirefoxFirebug というアドオンと併用して使っています。

Firebug は F12 キーで立ち上がったり、閉じたりします。

使い分けは以下のとおりです。

hover 時の CSS の確認等は Firefox の Firebug で行う

Safari でもやれないことはないのですが、やりにくい面があるので、私自身は hover 時の CSS の確認は Firefox の Firebug で行っています。

続きを読む

#2013

ブログなどの iPhone 等での表示を修正(Firebug でできるようなことを)するときに mac の Safari を介して行う方法

続きを読む

#2013

Firebug を使ったCSSカスタマイズ作業の一連の流れ

Firebug を使った WordPress.com ブログのCSSカスタマイズ作業の一連の流れについての覚書です。

firebugedit10

続きを読む

#2011

Firebugを使ってブログタイトルの左に画像を入れる

Firebug を使ってブログタイトルの左に画像を入れる方法についての覚書です。

firebugmodify02

続きを読む

#2011

サイドバーの左右を変更する方法

サイドバーの左右を変更する方法についての覚書です。

サンプルとして、テーマ「Twenty Ten」を取り上げます。

まず、Firefoxのアドオン「Firebug」を使って、Webブラウザ上でCSSの仮編集を行います。

WS000691

続きを読む

#2011