最新紀錄

css· 4 分鐘

鐵人賽 5 - CSS 的命名技巧

程式語言的命名一直是個麻煩課題，除了要有良好邏輯外，還必須有大量的英文詞彙能力。CSS 雖然不需要有太深的邏輯，但由於上手容易，團隊合作的命名就容易被其他小夥伴…

cssoocss

2016 年 12 月 05 日 繼續閱讀 →

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 日 繼續閱讀 →

nodejs· 4 分鐘

Yarn - Node.js 的套件管理工具

NPM 每次在安裝的時候，都會安裝很久很久，就算是好幾個類似的專案，每次在執行 npm install 時都需要花費大量的時間，而且在網路不穩定的環境下還可能造…

nodejsnpm

2016 年 10 月 18 日 繼續閱讀 →

css· 1 分鐘

CSS 失控的 Margin top

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

css

2016 年 06 月 08 日 繼續閱讀 →

css· 1 分鐘

Sass 基礎教學 - CSS 讀書會

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

cssworkshop

2016 年 05 月 26 日 繼續閱讀 →

study· 2 分鐘

讓使用者愛上你的表單，提升客戶轉換率

不知道你們在使用手機填寫表單的時候，會發現這樣的狀況，填寫地址跳出中文、填寫 Email 表單跳出中文、填寫電話也是跳出中文，甚至是日期欄位也是跳出中文，這樣其…

study

2016 年 04 月 22 日 繼續閱讀 →

study· 3 分鐘

轉行工程師必須克服的三大痛點

本篇是以設計師轉工程師為主要觀點 在研究所那年，我投入大量的時間學程式，由於當時的 Flash 相當火紅，所以決定從 Actionscript 3.0 開始入手…

study

2016 年 04 月 19 日 繼續閱讀 →