卡斯伯提供的教學資源:


sass

安裝ruby以及sass環境

使用sass前的準備分為兩個部分: 文字編輯器 編譯環境 文字編輯器對於視覺設計師有Dreamweaver,而對於程式設計師則有vim、Visual studio等,除了以上之外這邊還會推薦使用sublime text,但本篇主要會先介紹編譯環境,所以在此不多敘述。 編譯環境是踏入sass...

sass

Sass 開始前的問與答

sass官方網站 : http://sass-lang.com/ 如何開始使用sass呢? 在開始前,還是先認識一下這是怎樣的東西。...

sass

Sass 基礎教學-為何要學Sass

Sass官網 看不到簡報請點此連結http://www.slideshare.net/slideshow/embed_code/11639772 上面這個簡報介紹了的很清楚,在經過一段時間的使用,發現已經回不去了(相信用過的都有這種感覺!)。為何要用Sass ?這用說的都是說不清楚,看範例比較清...

sass

Sass HSL function

sass在顏色的處理有許多function可以用,如果多善用這些function可以讓網頁有更多的變化,並且提高網頁的一致性。...

css

CSS transition 各種速率

今天要介紹的是CSS transition中的timing-function,transition語法在CSS3動態中是相當容易被使用,如果再改變他的timing-function,可以獲得更豐富的效果。 ...

css

Web Font的基本設定

Web Font的基本用法不會很難,如果是要用本機的方式,首先就是要先找個資料夾放字型檔,接下來參考@font-face的作法即可。...

html

html meta基本語法

傳說中meta只要能夠使用的好,可以帶來許多意想不到的效果,甚至是連用了都不知道有什麼功能...。 參考文章:http://www.cnblogs.com/sniper007/p/3258389.html 延伸閱讀:http://code.lancepollard.com/complete-list...

html

image 與 SVG

image與SVG的運用...

css

CSS3 文字陰影範例

本篇會介紹許多CSS3文字陰影範例,而text-shadow在瀏覽器的支援度還算高,有興趣的朋友都可以試試。 來源參考:http://www.w3cplus.com/blog/52.html...

撰寫一篇文章需要花上非常多的時間,如果你關閉 Adblock (廣告阻擋器),我會非常的開心 🤗。 (╭(°A°`)╮))
撰寫一篇文章需要花上非常多的時間,如果你關閉 Adblock (廣告阻擋器),我會非常的開心 🤗。 (╭(°A°`)╮))