關注的幾個博客上最近關于CSS Grid的文章挺多婿失。今天看了Jen Simmons關于CSS Grid的一個演講之后嫩痰，總算對這個概念清晰了很多剿吻。
CSS Grid是一個實現(xiàn)網(wǎng)格系統(tǒng)設計的強大工具。雖然平時設計師使用網(wǎng)格系統(tǒng)的理念來設計頁面串纺，但是我們開發(fā)者在實現(xiàn)的時候丽旅，并不會把它當作一個網(wǎng)格系統(tǒng)去實現(xiàn)，而是會考慮纺棺，怎么把這些元素放在一個一維的流中（從頁面左上角開始）榄笙。CSS Grid正是在技術上支持了這種網(wǎng)格系統(tǒng)的二維布局。
之所以那么多人用Bootstrap祷蝌，也是因為開發(fā)者要實現(xiàn)響應式的網(wǎng)格系統(tǒng)時茅撞，時間成本比較高，比如需要我們自己計算寬度高度的比例巨朦，手動寫媒體查詢等等米丘。但Bootstrap提供了一套“模板”，幫我們簡化了這些工作糊啡，也讓頁面看上去符合網(wǎng)格系統(tǒng)的美觀性拄查。但結(jié)果就是，做出來的網(wǎng)頁悔橄，看上去風格差不多靶累。
演講視頻最后說，我們學習一個框架癣疟，比如React或者Bootstrap挣柬，但它們是可能會過時的，沒準兒哪天我們就不需要用它們睛挚。但是呢邪蛔，學習CSS是會 last forever的！
強烈推薦對CSS Grid感興趣的人看看這個演講~
- 演講視頻：https://www.youtube.com/watch?v=Gn3JOE6qMuE
- 對應的PPT：https://speakerdeck.com/jensimmons/designing-with-grid-ux-burlington
- 她做的一些用到Grid的網(wǎng)頁的例子：http://labs.jensimmons.com/
比如這個挺酷：http://labs.jensimmons.com/2017/03-004.html - 一個用來學習CSS Grid的小游戲：http://cssgridgarden.com/
