標籤：css

css· 3 分鐘

鐵人賽 4 - OOCSS 容器與內容分離 (最佳實踐)

結構與樣式分離，對於網頁的樣式設計是一種解放，所有元件的樣式組合搭配及擴增變得更自由。 這篇要介紹的是容器與內容分離，簡單來說我們可以把元件分為兩大類型： 容器…

cssoocss

2016 年 12 月 04 日 繼續閱讀 →

css· 3 分鐘

鐵人賽 3 - OOCSS 結構與樣式、容器與內容(實際範例)

結構與樣式在執行的概念上就是這樣的白話，目標即是將這兩者分離，上一篇我們用建築物的結構與外觀樣式做分離，再依不同的需求去做組合。 CSS 上也是相同的道理，比如…

cssoocss

2016 年 12 月 03 日 繼續閱讀 →

css· 3 分鐘

鐵人賽 2 - OOCSS 結構與樣式、容器與內容

以前剛進入這行，掌握了 CSS2 的大部分關鍵之後，對於製作網頁非常有成就感，因為當時寫一個站不需要太多時間(整個網站約落在 800 ~ 1200 行 CSS)…

cssoocss

2016 年 12 月 02 日 繼續閱讀 →

css· 2 分鐘

鐵人賽 1 - 前言，CSS 最重要的事？

鐵人賽系列文又開始囉，這次的主題是 CSS 你覺得 CSS 最重要的是什麼勒？ 如果換個方式思考，寫 CSS 最 痛苦 的事情是什麼呢？ 載入速度緩慢 遇到不會…

css

2016 年 12 月 01 日 繼續閱讀 →

css· 1 分鐘

CSS 失控的 Margin top

失控的 margintop 是指在使用 margin 時常出現的問題，內元素的 margin 被外層所吸收，導致無法正確的顯示，這我們稱為 Collapsing…

css

2016 年 06 月 08 日 繼續閱讀 →

css· 1 分鐘

Sass 基礎教學 - CSS 讀書會

先前的讀書會難度都有點過高，所以有時候聽的人會有點母煞煞，所以這次決定先介紹基礎的部分，以後再來介紹延伸的內容。

cssworkshop

2016 年 05 月 26 日 繼續閱讀 →

css· 2 分鐘

專業前端都如何管理 CSS - CSS 讀書會

CSS 讀書會原本打算兩週辦一次，但在各種原因下已經自動發展成每月一次的活動了 Orz…(下次估計也要到五月才會有了T_T)。

cssworkshop

2016 年 04 月 12 日 繼續閱讀 →

css· 2 分鐘

響應式網站設計實作坊 - 高雄前端社群

本篇拖了很久很久才寫，主要原因是因為最近實在很忙，加上一直想跳到 Wordpress 平台上去寫作…(Server 都準備好了)，但 Wordpress的 Se…

cssworkshop

2016 年 04 月 11 日 繼續閱讀 →

css· 5 分鐘

第二次 CSS 讀書會 - Sass 環境建置

這次是第二次的 CSS 讀書會，目標是要教大家 Sass 的環境建立，也算是比較大的挑戰，因為要在線上及現場教大家怎麼運行 Sass 的編譯環境，且主要的目標族…

css

2016 年 02 月 29 日 繼續閱讀 →

css· 2 分鐘

第一次 CSS 讀書會

這次在高雄舉辦了 CSS 讀書會 (Grid syetem)，主要是之前參加了 javascript 讀書會，認為CSS 也能辦相同的聚會，在第一次試辦時有許多…

css

2016 年 01 月 30 日 繼續閱讀 →