[閒聊] blueprint css

───────────────────────────────────────
發現忘記放上連結XD
http://blueprintcss.org/
之前寫css也都是自己一個一個去調整位置，
常常會有需要因為cross browser調整多次的困擾，
其中最困擾的莫過於就是各種grid樣式的排版。
之前在 #1Bi3ySTt (Soft_Job) 看過有人提到這玩意，
剛好最近排到很火大，就拿來用用看了。
對他針對 grid 設計的概念真是驚為天人...
他是把頁面寬度分成以30 width * 24 col 的作法，
其實搞懂之後真的很方便。
這篇blog介紹解釋的很清楚。
http://blog.hinablue.me/790
這比 yui grid 更直接的吸引我很多。
（我很懶得操作yui gird那個設計工具，
但blueprint是直接讓你從html透過挑選class去設計。）@_@
簡單來講他讓你操作網頁的網格，
可以就像 table td 在玩colspan 那樣的順暢跟自由.....
然後prepend , first,last 這些類別的用法也很方便，
也可以提醒自己不會忘記clear之類的，
也不需要再為了去想padding到底要多少，
才會跟上一行對齊這類的蠢問題煩惱。
另外也很重要的是可以減少一些對cross browser 的處理。
（不過是說他好像沒有提供對height的處理？
看起來好像有高度或留白或邊界的設定需求，
還是以自己設定height/margin/padding為主。）
我覺得最有幫助的是 grid 的計算，再來是form的元素美化，
最後是一些字型的資料，基本的 css reset 當然也有。
總之對困擾於 grid 設計的朋友來講， blueprint不失為一個好方法。
--
▄▅▆▇███▇▆▅▄▃ ╰┼╯─╮ ╮
◥███████████◣ ╰┼╯＝│=│
◥██████───────◣ ＊．　╯ ╯ ╯ の　物　語　．＊
◥███████──────◣　～　◢◣ ◢◣
◥██████───────◤ ◥◤＊ 空白的世界．翼 ＊◥◤
◥██▁▂▃▄▅▆▇███▆▅▄▃▂▂～telnet://tony1223.no-ip.info
--
╭═ Origin ─═ 北極光 aurora.twbbs.org κλμ ─╣
╚─ Author ═─ 220-133-218-161.HINET-IP.