標籤：css

svg· 3 分鐘

CSS + SVG stroke 動態描繪

SVG有很多有趣的效果，尤其是stroke，它有許多不同的屬性參數，套用上css animation就有意想不到的效果，雖然不能達到豐富的互動，但至少可以在視覺…

svgcss

2014 年 06 月 15 日 繼續閱讀 →

SAS

css· 1 分鐘

CSS + html 冷知識

CSS及HTML已經學了有段時間，但還有許多不清楚的點都會在(偶然)的情況下發現，而有些只是有趣，但有些發現，或許是以前忽略的，但在卻是那麼的實用…。

sasscss

2014 年 05 月 23 日 繼續閱讀 →

SAS

css· 2 分鐘

純CSS Drop Menu

CSS 有很多技巧，都很值得去開發，最近發現了一個很簡單的技術，就是純CSS下拉式選單，這讓我避免使用Jquery去做slider的效果，重點是…超簡單！

sasscss

2014 年 05 月 20 日 繼續閱讀 →

css· 2 分鐘

Sprites for Retina

上禮拜教召，讓這篇已經準備好的文章又拖了一個禮拜…，然後現在打開卻有點忘記怎麼做…。 Compass sprites for retina來源：https://…

sasscss

2014 年 03 月 24 日 繼續閱讀 →

css· 2 分鐘

Spriting with Compass

因為最近剛轉換工作，所以一段時間沒寫文章，沒寫文章的時間雖然不至於會退步，但會感覺到進步遲緩…。 這次來介紹利用Compass製作sprites，sprites…

sasscss

2014 年 03 月 13 日 繼續閱讀 →

css· 1 分鐘

大陸面試題 如何反轉元素內容

最近大陸網路上有篇問題文，問題：看到一道面試題：ul有10000 個li子元素，如何將這10000 個li顛倒順序。而其中有一個神回復，真的是活用CSS3的特色…

sasscss

2014 年 02 月 26 日 繼續閱讀 →

sass· 3 分鐘

CSS設定中英文不同的字體

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

sasscss

2014 年 02 月 21 日 繼續閱讀 →

sass· 3 分鐘

Sass 模組開發

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

sasscss

2014 年 02 月 14 日 繼續閱讀 →

css· 3 分鐘

做網頁如果缺Icons怎麼辦

最近很多人跟我討論到的網站上icon的問題，如果要畫icon要花多久時間、使用的方法等等。而以我來說，較傾向使用免費icons或者是付費的向量icon，不建議自…

sasscssicons

2014 年 02 月 10 日 繼續閱讀 →

css· 3 分鐘

Amazon book 書籍封面展示效果 (CSS 3D)

自從學了CSS 3D後，就一直想嘗試使用在網頁上，但除了形象網頁外，使用CSS 3D的網站似乎不是很多，畢竟這不是必要的效果。而最近在Amazon Books的…

sasscss

2014 年 01 月 27 日 繼續閱讀 →