鐵人檔案
轉往前端的第一大關便是切版，這工藝主要由HTML5、CSS3作為底層技術，搭配切版心法，並在各家瀏覽器上呈現畫面，切版是種思維，面對更複雜的細節，要考量到變動彈性，合乎設計邏輯與使用者體驗，並且預防各種爆掉，跑版情況。本系列整理我在學習過程遇過困惑與體會，每個人或許遇到的痛點都不同，這裡就單純分享個人經驗，能提供些見解是我的榮幸，如果內容有技術上不完備之處，歡迎留言交流。
記得初學的時候就讀了規範9 Visual formatting model，以至於懷疑CSS可不可以學起來？有了些實作經驗後，再回來看看，看看有什麼新發現！本次...
初次碰CSS Animation是為了做出某動畫要求，然後饅頭對我說，以後JS有點什麼了，也盡可能用CSS實作動畫啊，當下的我想說，為傻？JS動畫庫這麼多，為何...
記得初次接觸Transition，是要做個畫面效果，搞了老半天，差點....不做了（還是有生出來），這是要搭配服用『熱騰騰』的W3C CSS Transitio...
記得Code Review的時候會被問很多，例如：UTF-8、網址的構成、CDN和NPM引入的差異、預處理器、編譯器....等等，開始會好奇寫出來的這段程式碼的...
display 屬性是一個極為重要且強大的屬性，它控制著元素在網頁中的呈現方式。這次要搭配的是CSS Display Module Level 3以下為部分摘要...
當我正疑惑要不要寫篇時，想說這大家都應該都知道吧？但回想小白白如我，還真的不知道這玩意。以下分享是跟切版比較有關係，做個簡單介紹，細節的話可能夠出一個鐵人系列...
記得當初Code-Review常常被問為何這樣命名？於是展開對於命名的追尋啊～看似簡單的一個Class命名，往往會影響到整個網頁的可讀性、維護性，甚至可能引發不...
我們要來談談切分元件了，我學習切分元件的概念，是到用SASS才出現Component這個詞，但其實在簡單切版的時候就會有初步概念了。記得那時候，跑去問問題，學姊...
什麼是跑版？跑版，簡單來說，畫面不是你預期，東西待在它不該待的地方，畫面不忍直視，有興趣可自行查詢關鍵字。事情是這樣得，隨著每次Code Review做調整後，...
剛開始HTML標籤認識沒幾個，只會簡單的，所以div很好用，不知道就給div在煩惱class要取什麼名字。然後有次Code Review被說好多div捏？心想為...
