2020

[12th 鐵人賽] 從內容開始看格線系統 Day 5

10 min read CSSMedia QueryITHome鐵人賽2020Grid LayoutGrid System
內容為王 > 如果以現在的趨勢來看，應該叫「廣告為王」。 當然我不會設計，所以也就不會設計廣告。網站主要的目的，是要傳達內容，所以關於文件流、斷點、區塊設計這些事情，在整個版面上才會這麼重要。至於你說那些內容農場，基本上都屬於廣告為王的範疇，我就不討論了。如果對於文件設計很有經驗的人，基本上可以跳過這一天沒有關係。 那麼，由於設計我不會，那這邊還是有幾件事情可以跟各位前端工程師分享。主要的前置作業，我們還是會回到前幾天所說的，與 viewport, @media 跟基本格線系統有關。 * viewport 能不能改？ * @media 怎麼設計？ * 那個 rem 單位設計。

[12th 鐵人賽] 那個網頁設計 Day 2

6 min read ITHome鐵人賽2020Media QueryGrid LayoutGrid System
網頁有什麼 粗略上來看，目前市面上瀏覽器打開的那個「畫面」，就屬於我們俗稱的「網頁」或是「網站」。而且不難發現每次去到各種網站，最常見的大概就是廣告。上方廣告橫幅、下方廣告橫幅、蓋版廣告、文章內容背景捲動廣告、看影片先看 10 秒廣告、Download 本身是廣告（下載按鈕在下面用小字）、點站外連結先幫你檢查（看）是（一）否（下）是（聯）惡（播）意（網）連（

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

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