鐵人賽 5 - CSS 的命名技巧
程式語言的命名一直是個麻煩課題，除了要有良好邏輯外，還必須有大量的英文詞彙能力。CSS 雖然不需要有太深的邏輯，但由於上手容易，團隊合作的命名就容易被其他小夥伴…
分類：css
鐵人賽 4 - OOCSS 容器與內容分離 (最佳實踐)
結構與樣式分離，對於網頁的樣式設計是一種解放，所有元件的樣式組合搭配及擴增變得更自由。 這篇要介紹的是容器與內容分離，簡單來說我們可以把元件分為兩大類型： 容器…
鐵人賽 3 - OOCSS 結構與樣式、容器與內容(實際範例)
結構與樣式在執行的概念上就是這樣的白話，目標即是將這兩者分離，上一篇我們用建築物的結構與外觀樣式做分離，再依不同的需求去做組合。 CSS 上也是相同的道理，比如…
鐵人賽 2 - OOCSS 結構與樣式、容器與內容
以前剛進入這行，掌握了 CSS2 的大部分關鍵之後，對於製作網頁非常有成就感，因為當時寫一個站不需要太多時間(整個網站約落在 800 ~ 1200 行 CSS)…
鐵人賽 1 - 前言，CSS 最重要的事？
鐵人賽系列文又開始囉，這次的主題是 CSS 你覺得 CSS 最重要的是什麼勒？ 如果換個方式思考，寫 CSS 最 痛苦 的事情是什麼呢？ 載入速度緩慢 遇到不會…
CSS 失控的 Margin top
失控的 margintop 是指在使用 margin 時常出現的問題，內元素的 margin 被外層所吸收，導致無法正確的顯示，這我們稱為 Collapsing…
Sass 基礎教學 - CSS 讀書會
先前的讀書會難度都有點過高，所以有時候聽的人會有點母煞煞，所以這次決定先介紹基礎的部分，以後再來介紹延伸的內容。
專業前端都如何管理 CSS - CSS 讀書會
CSS 讀書會原本打算兩週辦一次，但在各種原因下已經自動發展成每月一次的活動了 Orz…(下次估計也要到五月才會有了T_T)。
響應式網站設計實作坊 - 高雄前端社群
本篇拖了很久很久才寫，主要原因是因為最近實在很忙，加上一直想跳到 Wordpress 平台上去寫作…(Server 都準備好了)，但 Wordpress的 Se…
第二次 CSS 讀書會 - Sass 環境建置
這次是第二次的 CSS 讀書會，目標是要教大家 Sass 的環境建立，也算是比較大的挑戰，因為要在線上及現場教大家怎麼運行 Sass 的編譯環境，且主要的目標族…