最新紀錄

tools· 1 分鐘

Emmet Live Style 加減用啦~

livereload for Windows因為是測試版，經常性的有問題，有時候還會不能使用，這時候可以試試Emmet LiveStyle，他主要會針對CSS的…

toolsemmetsublime text

2014 年 01 月 04 日 繼續閱讀 →

jekyll· 4 分鐘

Jekyll 介紹

本篇開始會重頭介紹Jekyll，如果對jekyll有興趣的開發者，請先必備以下的技能。 熟悉 Git (至少要會git push) 熟悉 Html (修改 te…

jekyll

2014 年 01 月 04 日 繼續閱讀 →

CSS

css· 3 分鐘

font-family要怎麼玩

在平面設計中，字型的運用是一門高深的學問，而網頁設計中雖然大多使用內建的字體，但如果沒有的仔細的去調整，就像是word直接用內建的字型一樣，會產生不協調感。 參…

css

2014 年 01 月 01 日 繼續閱讀 →

tools· 3 分鐘

前端軟體-Prepos介紹

情境當在進行前端設計的時候，如果想要分享Html給夥伴看看，有哪些方式呢？ 叫他過來看 截圖之後，傳line給他看 上傳到空間，丟網址給他看 今天介紹一個更快的…

tools

2013 年 12 月 27 日 繼續閱讀 →

css· 3 分鐘

簡易CSS transform 視差效果

在先前範例中可以得知，CSS transform 來做視覺特效，效能會比原始的CSS2還要好，所以本篇就利用css transform 以及hover來簡單做一…

sasscss

2013 年 12 月 24 日 繼續閱讀 →

css· 3 分鐘

效能更好的banner animation

之前有一篇介紹利用backgroundposition製作動態的banner，不久後就接到效能不好的問題，所以我就重新用另一種方式製作，發現效能有明顯的提升，也…

sasscss

2013 年 12 月 19 日 繼續閱讀 →

jquery· 1 分鐘

jQuery step by step 教學

不久前在高雄前端社群有介紹jquery教學，我的部分盡量做成一個步驟一個步驟，且就算沒有人教，也可以看著講義做下去。

jquery

2013 年 12 月 18 日 繼續閱讀 →

css· 2 分鐘

純 "CSS" Banner animation教學

在座這網站的時候，上方有保留一塊區域打算放banner，一般來說banner都會用jquery跑馬燈的方式去做，但是對我來說那要做好幾張圖…好麻煩，所以我就做一…

sasscss

2013 年 12 月 16 日 繼續閱讀 →

jekyll· 4 分鐘

aShare使用技術

上一篇簡單介紹了本站為什麼選擇jekyll，但是這其中並不是只有這一項技術就可以達成，其中除了我已經很熟悉的html、css、sass外，必須要了解Git、Li…

introbeginnerjekyll

2013 年 12 月 14 日 繼續閱讀 →

jekyll· 2 分鐘

Just Another Beginner~

告別了一百多天的aShareaDay，在這裡即將有新的開始。在結束aShareaDay前一直在思考要用什麼樣的平台繼續寫文章，其中的選項有： 目前超夯的logd…

introbeginnerjekyll

2013 年 12 月 10 日 繼續閱讀 →