鐵人賽 15 - 為什麼 Boostrap
Bootstrap 是目前主流的 CSS 框架，先前也有提到，在起初我是很不喜歡 Bootstrap 的框架，認為他搶走我大部分的工作且缺乏特色，但在研究後會發…
分類：css
鐵人賽 14 - Gulp - Webserver
Gulp 很適合搭配任何其他的前後端結構，就先前介紹的幾個章節，只要略為修改輸入及輸出的路徑即可；除了搭配其他後端結構外，Gulp 也有適合直接開發的方法，本章…
鐵人賽 13 - Gulp - 在本地端製作 Icon Fonts
網頁設計都會需要大量的小 icon，現在的 icon 都傾向使用 web fonts 來處理，因為 web font 所製作的 icon 有以下的好處： 載入容…
鐵人賽 12 - Gulp - 定義預設開發環境
今天的進度來做個小調整，讓大家在使用 Gulp 時就能相容於目前的環境，目前使用的主要套件有：gulpsass、gulppostcss，這次調整後會有一個主要的…
鐵人賽 11 - Gulp - 透過 PostCSS 加入 CSS Prefix
說到 CSS prefix 相信大家都不是很清楚當下主流版本的 prefix 有哪些是必要？又有哪些是不必要的？ 以往都是使用 Sass 的 Compass 來…
鐵人賽 10 - Gulp 與 Sass 開發環境
Gulp 是我目前最使用的自動化工具，在先前一篇也有介紹有哪些自動化工具，這篇開始會介紹 Gulp 自動化工具如何使用、有哪些推薦的工具以及一些經驗上的分享。而…
鐵人賽 9 - CSS 實戰心法 搶到決定權，開發環境自己來
前端工程師一般來說只要搞定 HTML、CSS、Javascript 就可以了，所以後端的環境上不用太在意，但在這幾年的體悟下，這是一個不負責任的想法。 我用過的…
鐵人賽 8 - CSS 框架架構參考 Bootstrap
Bootstrap 是目前我最喜歡的 CSS 框架。 雖說如此，我以往可是很討厭 Bootstrap 的，身為一名設計師希望能夠有更多自己發揮的空間，所以早期一…
鐵人賽 7 - CSS 框架架構參考 PURE CSS
在瞭解完 OOCSS 後，可以看看主流框架是不是有帶入其中之概念，接下來會介紹兩篇 PureCSS 與 Bootstrap，這兩者的簡單架構概念讓大家參考參考。…
鐵人賽 6 - CSS 的元件狀態
CSS 元件狀態重點可以分為兩部分，一個是原生的 CSS 偽類(Pseudoclasses)，另一則是配合 Javascript 所提供的 Class，在這部分…