CSSがちょっとニガテだったので、書店でHTML/CSSデザインの教科書を買って読んでみました。一つ一つ分かりやすい解説があってすごく読みやすかったです。
ひととおり読み終わった後、とりあえずSalesforceのVisualforceページで勉強したことを試してみました。floatの使い方が特にニガテだったのですが、それも問題なく使えるようになったと思います。
Visualforceぺージでうまくいくことを確認できたので、HTML/CSSデザインの教科書を読みながらつくったサンプルを元にForce.comサイトを構築してみました。jQueryのbxsliderがうまく動かせなかった以外はだいたい再現できたと思います。(追記:bxsliderの部分も無事に動くようになりました。URLを少し間違えていたのが原因でした。)
CSSだけでなくHTML5の<section>タグや<nav>タグ、<article>タグ、<aside>タグなどについても解説が載っていてすごく参考になりました。このタグをきちんと使うことでコードがすごく見やすくなったと思います。
ブラウザ間の違いやバグを補正してくれる「normailze.css」のことは今まで知らなかったのでとても勉強になりました。
他にもオンライン画像編集ソフト「Pixlr」のことやスライドショーをつくれるjQueryプラグイン「bxSliber」のことも知ることができてすごく良かったです。
今回勉強したことを使ってDeveloper環境にForce.comサイトの構築もできたので、これをベースにいろいろ試していきたいと思います。