系列文章
Day11 Visual Formatting Model淺談視覺格式化模型
記得初學的時候就讀了規範9 Visual formatting model，以至於懷疑CSS可不可以學起來？有了些實作經驗後，再回來看看，看看有什麼新發現！本次...
Day12 CSS Animation 探索動畫
初次碰CSS Animation是為了做出某動畫要求，然後饅頭對我說，以後JS有點什麼了，也盡可能用CSS實作動畫啊，當下的我想說，為傻？JS動畫庫這麼多，為何...
Day13 CSS Transition 過渡變變變
記得初次接觸Transition，是要做個畫面效果，搞了老半天，差點....不做了（還是有生出來），這是要搭配服用『熱騰騰』的W3C CSS Transitio...
Day14 中秋特輯，來點電腦科學吧！
記得Code Review的時候會被問很多，例如：UTF-8、網址的構成、CDN和NPM引入的差異、預處理器、編譯器....等等，開始會好奇寫出來的這段程式碼的...
Day15 CSS Display 屬性探勘摘要
display 屬性是一個極為重要且強大的屬性，它控制著元素在網頁中的呈現方式。這次要搭配的是CSS Display Module Level 3以下為部分摘要...
Day16 使用小工具Debug DevTools
當我正疑惑要不要寫篇時，想說這大家都應該都知道吧？但回想小白白如我，還真的不知道這玩意。以下分享是跟切版比較有關係，做個簡單介紹，細節的話可能夠出一個鐵人系列...
Day17 CSS命名，名字取好沒煩惱？
記得當初Code-Review常常被問為何這樣命名？於是展開對於命名的追尋啊～看似簡單的一個Class命名，往往會影響到整個網頁的可讀性、維護性，甚至可能引發不...
Day18 切切切，如何解構元件(Component)？
我們要來談談切分元件了，我學習切分元件的概念，是到用SASS才出現Component這個詞，但其實在簡單切版的時候就會有初步概念了。記得那時候，跑去問問題，學姊...
Day19 跑版＆切好寫好
什麼是跑版？跑版，簡單來說，畫面不是你預期，東西待在它不該待的地方，畫面不忍直視，有興趣可自行查詢關鍵字。事情是這樣得，隨著每次Code Review做調整後，...
Day20 HTML語意化標籤與SEO、無障礙，有關係？
剛開始HTML標籤認識沒幾個，只會簡單的，所以div很好用，不知道就給div在煩惱class要取什麼名字。然後有次Code Review被說好多div捏？心想為...