推 superpai:我是愛用960 grid system 04/11 00:40
推 evenwu:960也可以用用看 04/11 01:02
→ chph:960gs比較好用 04/11 01:58
→ chrisQQ:我也推 960~ 04/11 10:39
推 KevinXII:推960!!! 04/11 16:06
推 winder731022:推960...我覺的960超好用... 04/11 17:17
發現忘記放上連結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不失為一個好方法。
--
I am a person, and I am always thinking .
Thinking in love , Thinking in life ,
Thinking in why , Thinking in worth.
I can't believe any of what ,
I am just thinking then thinking ,
but worst of all , most of mine is thinking not actioning...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.133.218.161
※ 編輯: TonyQ 來自: 220.133.218.161 (04/10 23:42)