ITHome

[12th 鐵人賽] 給我一個 Box Day 4

6 min read ITHome鐵人賽Media QueryGrid LayoutGrid System
區塊 我們在開天闢地的時候，網頁就是從區塊開始。
這三個屬於比較基本的切分方式，接著比較複雜的東西由
來呈現。通常在
裡面，比較時髦一點的網頁我們稱之為 SPA（ Single-page application [https://en.wikipedia.org/wiki/Single-page_application] ），裡面就會有更多的區塊，包含內容、內容、內容、內容還是內容。 通常，一開始會有一個主視覺，可能會像是這個樣子，

Hello World

Read Now Read Later
Hina Chen

[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 天，如果我寫得完的話應該可以考慮按一下追蹤之類的。 大概會說些什麼 * 網頁「設計」在「設計」什麼？ * 給「人類」看的，給「機器」看的有什麼差別？ * 區塊、內文、文件流要流去哪裡？

[IT 鐵人賽] 在 Vue 之後的事情，還會有什麼？ Day 30

4 min read VueJSVueJS 2.0JavaScriptITHome鐵人賽2019
結束了鐵人賽 30 天的過程，其實說真的我也沒有講太多 Vue 的事情，多半都是圍繞在一些奇怪的應用上。後續的 Vue 發展會是什麼樣子，其實身為一個在前端打滾的工程師來說，我個人其實也沒有那種強烈的慾望，說他一定要發展到什麼樣的程度。 起碼，這樣的工具對現在的應用上來說，還算是充裕的就夠了。 -------------------------------------------------------------------------------- Vue 框架 其實 Vue 的崛起算是相當快，背後雖然不像 React, Angular 那樣有個強力的老爸撐腰，但說起來團隊也還算相對活躍。也許這會讓人多少有點憂心，萬一團隊不更新了怎麼辦？或是這個框架以後不維護了怎麼辦？ > 說真的，比起擔心什麼框架不維護，為何不先擔心你自己不去學新的東西？