トップ «前の日記(2009-05-04) 最新 次の日記(2009-05-11)» 編集

Route 477



2009-05-06

[web] CSSを「ちゃんと」書けるようになりたい

僕のCSS知識はとほほのスタイルシート入門で止まっている。 borderとかcolorとかは分かる。(positionとかfloatとかはちょっと怪しい。)

ちゃんと書ける、というのは、

  • marginやpaddingはとりあえず0にするものなのか
  • 文字のサイズはem, px, pt, %のどれで指定すべきなのか
  • divを3カラムに並べる方法
  • ブラウザの非互換を踏まないために気をつけること

とかいう「常識」を身につけたい、ということだ。

なんかお薦めの本とかサイトとかありませんかね。

追記

コメント欄とかブックマークコメントで いろいろアドバイスをいただきました。ありがとうございます。

muscovyduckさん:

id:K-Onoさん: 実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~(市瀬 裕哉/福島 英児/望月 真琴) 現場のプロから学ぶXHTML+CSS(益子 貴寛/堀内 敬子/小林 信次/千貫 りこ/伊藤 学/山田 あかね/西畑 一馬/CSS Nite)

とりあえずホップ本とCSSNite本買っとけばいいんじゃないか。


id:Layzieさん: Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト(益子 貴寛)

うーん…。取りあえず、コーダーの人のブログを読むとかかなあ。俺は「Web標準の教科書」で基本を覚えた気がするけど。


id:rh-kimataさん: セオリー・オブ・スタイルシート (Quick Master of Web Technique)(技術評論社編集部) 実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~(市瀬 裕哉/福島 英児/望月 真琴)

 W3Cの仕様書、といいたいところだけど通読するのは大変なので、"セオリー・オブ・スタイルシート (Quick Master of Web Technique)" と "実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~" をお勧めする (両方とも書籍)


id:ks1234_1234(すみけん)さん:

 自著宣伝になるし古いが、ひとまず。http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/index.html ▼自分はBODYに絶対値を指定して、あとは相対値がいいと1998年に書いたが、プロ制作現場はどうなさってるんでしょね

Yuguiさんからも一票。

okkezさん: スタイルシートスキルアップ・デザインブック〈1〉レッスン形式で学ぶCSSの実践テクニックとアドバイス (Web Designing BOOKS)(エリック・A. メイヤー/ミツエーリンクス/Eric A. Meyer/吉川 典秀) スタイルシートスキルアップ・デザインブック〈2〉CSSマスターになるための「プロ技」集中講座 (Web Designing BOOKS)(エリック・A. メイヤー/Eric A. Meyer/吉川 典秀/ミツエーリンクス)

id:Layzieさん:

リンク元から:

本日のツッコミ(全6件) [ツッコミを入れる]
muscovyduck (2009-05-06 21:57)

私も知りたいです<CSSの書き方<br>とりあえず基本のところは<br>ttp://www.kanzaki.com/docs/htminfo.html<br>がおすすめだそうですね。それ以外には<br>ttp://newsteam.blog95.fc2.com/blog-entry-255.html<br>に参考サイトがまとまっているようです。

すみけん (2009-05-07 13:35)

とおりすがりで、自著宣伝になるし古いですが、ひとまず。http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/index.html<br><br>1998年の本なんで、現在の常識は載ってないです。が。<br>モノゴトの根っこは分かるように書いてあります。理系向けですけど。<br><br>今風のものは、テクニックまとめサイトとかググって探せばいいんじゃないかと思いますですよ。

Yugui (2009-05-08 17:08)

『スタイルシートWebデザイン』は良い本でした。

okkez (2009-05-08 22:02)

http://stack.nayutaya.jp/author/247<br>この二冊が手を動かして覚えるには良かった。<br>まだ全部読んでないけど。

Layzie (2009-05-08 23:22)

エントリ書いてみました。よければ参考にしてください。<br>http://d.hatena.ne.jp/Layzie/20090508/1241714958

yhara (2009-05-12 13:39)

本文に追記しました。ありがとうございます!>皆様