卡斯伯提供的教學資源：
響應式網站設計實作坊 - 高雄前端社群
本篇拖了很久很久才寫，主要原因是因為最近實在很忙，加上一直想跳到 Wordpress 平台上去寫作…(Server 都準備好了)，但 Wordpress的 Server 可能還會被我拿去做其他用途，所以又回來寫了，哈哈哈哈。 這是高雄前端社群久久難得一次的 Responsive 課程，也很難得出現秒...
第二次 CSS 讀書會 - Sass 環境建置
這次是第二次的 CSS 讀書會，目標是要教大家 Sass 的環境建立，也算是比較大的挑戰，因為要在線上及現場教大家怎麼運行 Sass 的編譯環境，且主要的目標族群包含了設計師、網頁設計師，甚至是沒有碰過 command line 的開發者…。...
第一次 CSS 讀書會
這次在高雄舉辦了 CSS 讀書會 (Grid syetem)，主要是之前參加了 javascript 讀書會，認為CSS 也能辦相同的聚會，在第一次試辦時有許多測試水溫的方式： 想先瞭解受眾類型 估計參與人數 直播的方式是否可行 未來讀書會的方向 ...
動手玩 CSS 3d
一開始接觸 CSS3 時，常常會不了解每個 CSS 屬性的意思，就需要花些時間去查詢及嘗試，就算到了現在，對於不熟悉的語法，我還是經常回我的 Blog 查詢，如先前的 動手玩 CSS，快速學會Flex，我就經常會回去查 Flex 的使用方法 Orz…，這次趁寒流來襲，不想出門的時間在家裡做簡單的 C...
跟 Javascript 相比，CSS 還是友善多了 @@
本週參加了高雄 Javascript 讀書會，所選擇的書籍是 JavaScript設計模式與開發實踐，這本雖然原本是簡體書，但內容真的不錯(不過我只有看一兩章似乎沒什麼說服力 >O<)，也多虧這次的讀書會，讓我對於技術有更深層的看法。 JavaScript 什麼的太難了…，直接請人教比...
動手玩 CSS Blend Mode - 根本 Photoshop 的圖層效果
現在的 CSS 變化比過去還多，原本的 CSS 主要用於排版，在 CSS3 除了排版還會包含許多效果，本篇介紹的 Blend Mode 就是混合模式的效果，讓 CSS 像 Photoshop 一樣有圖層混合。...
Compass 替代方案(3) - 加入 SVG Sprites
Compass 的 CSS Sprites 是非常好用的工具，在以前有介紹過 compass 的 Sprites 作法，只要把圖片丟一丟就可以完成，而且也可以做 for Retina 版本，但是使用SVG 製作 Sprites 就沒有辦法。一直以來我都是以向量工具做設計，如果不能轉 SVG 這樣高品...
Compass 替代方案(2) - 透過 PostCSS，停止加入不必要的 prefix
承上篇，因為 compass 很久沒維護，所以在找替代方案。而這篇是要介紹很火紅的 post-css，主要是要解決 css3 prefix 的問題，post-css和 sass 不同的是，在 prefix 的方法不需要先定義成 @mixin ，可以在事後再決定是否加入 prefix，這讓不斷在更新改...
Compass 替代方案(1) - 更快速的 Sass
Compass 是一套非常優秀的 Sass 擴充套件，從剛開始學 Sass 就一直用到現在，許多優點是一般 CSS 或 Sass 較難達到的，如： CSS Sprites：可以將圖片轉成Sprite，並提供 CSS class。 CSS3 mixin：prefix 啊～ Vertical Rhyt...
