第 10 回 sugamo.css

2009年11月7日 土曜日

最近では四ッ谷で行われることが多い Sugamo.css に参加してきました。今回もフロントエンドな話題で盛り上がりました。

毎回高齢恒例のエディターアンケート (複数回答あり)

sig. さんによる line-height ネタ

• 行高や余白を 1行分、 2行分の単位で計算していくとグリッドがそろってきれい。デモを作られていたのでそのうち sig. さんの Weblog に公開されるはず…?

この話題が膨らんで…

• デザイナーの余白をあけるの意図には何行分あけるか何ピクセルあけるかの 2種類があるはず。
• 今回の参加者間では、段落など文字に関する余白を開けるとき
  • おおむね px にするの人が約半分
  • おおむね em にするの人が約半分。

taku_eof さんによるネタ

• Safari 4 ではフルページズームした後に取得できる height などの computedStyle の値が他のブラウザとちがう
• Safari 4 は、clientX などはフルページズームしたあともかわらないのでこれを頼りに現在の倍率を求めることができる

この話題が膨らんで…

• IE のフルページズームはチェック項目に入れてる?
• em や % 指定などのとき、浮動小数点の切り上げルールはどれくらいにしてる?

kotarok さんによるフォントに関する話題

• Georgia は計算された書体。グリフの x height は 50%、アセンダーとディセンダーは 25% になっている。
• Georgia は TimesNewRoman がもとになっている
• Georgia はスクリーン最適化された美しい書体

likeakunatic さんによる iPodTouch っぽいリストのデモ

• スクロールしてもリストのラベルが見えた状態でスクロールできる。そのうち Weblog で公開されるようです
• iPhone の UI に学ぶことは多い

CSS Nite Vol.40 Reprise の練習

CSS Nite Vol.40 Reprise の練習をさせていただきました。本番では持ち時間が 30分なのに対し、練習では途中トラブル込みで 34分程度だったのでちょうどいいくらいな感触。ご協力いただきありがとうございました。

感想などもいただきました。

• アウトライン説明を強化したほうがいいかも
• モジュール化の説明はいらないかも
• コーダーはレイアウトの div まで考えればよくなるかも
• プログラマは section の中だけを考えればよくなるかも

この流れが発展して

• CATY というフレームワークについて

に。あとは VIM に関する話題も結構ありました。

皆様お疲れさまでした !!