はじめてのCSS -第1回 必要な環境-
前置きみたいなもの
というわけでようやく自分の畑っぽいCSSについて触れてみます。
CSSでページを作るのってどうやってやればいいの？
とか
何となくはわかるけど実際はどうやって組んでいくの？
と思ってる人向けに書けたらなぁ なーんて思っております。
一連の流れとその時々で注意したほうが良い点なんぞをまとめてみます。
第1回なんて銘打っていますがすぐ終わらないことを祈りますっ
用意するもの
すごい大まかに言うとブラウザとエディターがあれば出来ます。
お勧めなのは以下のソフト。
- ブラウザ
Firefox（必須）
Internet Explorer
Safari（Mac環境ない方はWindows用を） - エディター
Dreamweaver（出来たら）
という感じでしょうか。
ブラウザはある程度シェアがあるものはチェックする癖をつけましょう。
CSSはぶっちゃけブラウザとの戦いです。
Dreamweaverなんて手が届かないって人はフリーのCSS編集に使えるエディタ色々（phpspot開発日誌さん）のエントリーから選んで来ても良いかと思います。
無くても出来るけどほぼ必須の物
- Firebug（Firefoxアドオン）
デバッグ作業に必須。
ブラウザ上でHTML・CSSを編集したり、各要素にどんなCSSが効いているのかがすぐに分かります。 - Web developer 日本語版（Firefoxアドオン）
CSSやJavascript、クッキーやキャッシュのON/OFFなどの設定がワンクリックで可能に。
あると便利です。 - ColorZilla（Firefoxアドオン）
ブラウザ上の色情報をワンクリックで取得。
カラーピッカーのFirefox上で動く版だと思ってください。 - MeasureIt（Firefoxアドオン）
Firefox上で定規を使って図る事が出来るようになる。
細かなレイアウトの調整などに便利。 - iZoom
デスクトップ拡大ツール。
画面に近寄らなくても拡大して1pxごとの調整をするときに目の負担が軽減。
上記の5個のソフトはフリーですし是非導入することをお勧めします。
他にもお勧めのアドオンとかはありますが、それはCSSで開発をするのに必須なわけではないのでまたの機会にっ
という感じで
環境は上記のもので大体OKなはずです。
あと必要なのはバグに負けない心と言ったところでしょうか…！
次回はCSSで必須なコードなどを書けたらなぁ なんて思っております。
