分類：sass

sass· 4 分鐘

Compass 替代方案(3) - 加入 SVG Sprites

Compass 的 CSS Sprites 是非常好用的工具，在以前有介紹過 compass 的 Sprites 作法，只要把圖片丟一丟就可以完成，而且也可以做…

sassgulpcompass

2016 年 01 月 03 日 繼續閱讀 →

sass· 4 分鐘

Compass 替代方案(2) - 透過 PostCSS，停止加入不必要的 prefix

承上篇，因為 compass 很久沒維護，所以在找替代方案。而這篇是要介紹很火紅的 postcss，主要是要解決 css3 prefix 的問題，postcss…

sassgulpcompass

2015 年 12 月 25 日 繼續閱讀 →

sass· 4 分鐘

Compass 替代方案(1) - 更快速的 Sass

Compass 是一套非常優秀的 Sass 擴充套件，從剛開始學 Sass 就一直用到現在，許多優點是一般 CSS 或 Sass 較難達到的，如： CSS Sp…

sassgulpcompass

2015 年 12 月 20 日 繼續閱讀 →

sass· 5 分鐘

客製化屬於你的 Bootstrap 4

Bootstrap 是目前最流行的CSS Framework，第四版也釋出了開發版本，無論第幾版對於工程師來說 Bootstrap 就是那麼的容易上手，但扯上設…

sassgulpbootstrap

2015 年 12 月 01 日 繼續閱讀 →

sass· 3 分鐘

Sass map get

去年有介紹sass模組的開發方式連結，sass 3.3 釋出以後有更好的方式去執行，這篇來介紹快速且好管理的模組製作方法。

sasscss

2015 年 02 月 11 日 繼續閱讀 →

sass· 2 分鐘

Sass 3.3 Source Maps

Sass 3.3 除了上次提到的$Map外，還有另一個很有特色的功能就是Source Maps，這功能主要是配合開發者工具，直接就可以看Sass原始碼在哪一個檔…

sass

2014 年 06 月 02 日 繼續閱讀 →

sass· 2 分鐘

Sass 3.3

Sass3.3出一段時間了，而Fire.app目前還是3.2的版本，據說是因為在等Compass 1.0正式版，而如果用Ruby的Compass確實也只能用3.…

sass

2014 年 05 月 02 日 繼續閱讀 →

sass· 3 分鐘

CSS設定中英文不同的字體

Just font中的字型學文章都相當有意思，而有一篇是關於中英文字搭配的問題；這篇雖然是以windows word為例，但裡面的概念在網頁上也是很有幫助，而其…

sasscss

2014 年 02 月 21 日 繼續閱讀 →

sass· 3 分鐘

Sass 模組開發

最近社群上有人分享了一個連結，是關於sass模組製作的教學，大致看了一下，發現和我的方式頗為接近，所以就在這介紹我的Sass模組開發方式。 http://www…

sasscss

2014 年 02 月 14 日 繼續閱讀 →

sass· 2 分鐘

CSS沒有極限 - Transition 實作波動拳動圖

CSS3除了有更多的樣式外，其中一個重點就是動態，而transition是動態效果最容易達成的；所以本篇主要要介紹的是transition，以及transiti…

sasscss

2013 年 10 月 02 日 繼續閱讀 →