高さを揃えてくれるheightLine.js

僕がコーディングをするとき、cssよりもテーブルの方が勝っている点といえば、
高さや縦位置の調整や、横に組が並んだとき。

テーブルに関しては同じ行であれば、文字量によって勝手に縦位置を伸縮するが、
cssにおいてはフロートをかけて、更には、文字量なんかも調整しなければならなかった。

しかし、それを補うjsがありました。

ブロックレベル要素の高さを揃えるheightLine.js[to-R]
http://blog.webcreativepark.net/2007/07/26-010338.html

早速デモを作ってみました。
どうせならと、できる限りリキッドレイアウトで…。
ウィンドウサイズを変えたり、文字サイズを変えたりしてみてください。

このスクリプトを入れた場合
http://www.show-hey.com/demo/height_line/

このスクリプトを入れない場合
http://www.show-hey.com/demo/height_line/no.html

その他、いろんな小技が載っているページを見つけました。

CSS TIPS
http://css.webcreativepark.net/

こういうのをまとめたポータル的なサイトができればいいのになと思ったりします。
意外とパラパラしてますよね。つくろっかな。

このサイトの中での

1. a:focus{
2. outline:none;
3. }

は結構気になりました。
Firefoxで画像置換のにおいては「こんなもんなのかなぁ」と思っていたので…。