Grid System

[12th 鐵人賽] 我說那個手機版 Day 1

2 min read ITHome鐵人賽2020Media QueryGrid LayoutGrid System
說在最前面 網頁這種萬年老埂應該是沒什麼人會看，會想要撰寫這種偏冷門的東西，純粹是個人比較邊緣的關係。目前市面上各種關於網頁製作、切版的工具五花八門，真的會想手動自己來的應該屬於抖 M 屬性（吧）。總之，如果對於網頁製作有興趣，或者是想看看到底在做些什麼東西的人，可以繼續看下去。 至於是不是要看滿 30 天，如果我寫得完的話應該可以考慮按一下追蹤之類的。 大概會說些什麼 * 網頁「設計」在「設計」什麼？ * 給「人類」看的，給「機器」看的有什麼差別？ * 區塊、內文、文件流要流去哪裡？

[CSS] 關於 Grid Layout 的使用姿勢

10 min read CSSGrid SystemGrid Layout切版RWD前端樣式
CSS Grid 其實已經不是什麼很新的東西，只是最近看到有一個實驗性功能，被 Chrome 正式版本採用，覺得好像應該來寫一個筆記文來記錄一下。順便當作是小小的教學文章也可以，反正 CSS 對我來說也從來沒有真正熟悉過。 Grid 網格系統 CSS 自從 Level 3 之後，後續所有發展的項目，都有屬於自己的 Level。所以 CSS Grid 自然就會有自己的一套。正式的名稱叫做 CSS Grid Layout Module Level 1

[CSS tech.] 960 grid system 簡單介紹

4 min read CSSWorkLayoutGrid System
我上次在 介紹 blueprint [https://blog.hinablue.me/entry/css-tech-blueprint-css-framework-simple-howto/] 的時候，有提到這件事情。同時在 DivToDesign 也有不少介紹的文章： * 960 CSS Framework – Learn the Basics [http://divitodesign.com/css/960-css-framework-learn-basics/] * Tricks to Solve 960 CSS Framework Problems [http: