網頁字型已經行之有年,國外大大小小的網站都可以看到不同字體顯示,只要連結檔案就能看到效果,多數文字再也不必依賴圖片製作,不但方便還減少檔案大小,一舉兩得~
以下紀錄如何使用Web font,內容若有誤還請指正,謝謝。
閱讀全文
Quickly Sass(4)-CSS無痛轉移Sass
既然開始學Sass了,以前的檔案當然也要趁機會轉成Sass,練習兼整理,一舉兩得~
閱讀全文
Quickly Sass(3)-神器出動:Sublime text使用心得
撰寫Code的編輯器很多種,小到記事本大到一堆有的沒的都可以用。
而我最近因為開始學著用Sublime text,覺得也很好用~於是推薦一下:D
以下簡略介紹一下Sublime text的優點~
閱讀全文
Quickly Sass(2)-神器出動:Fireapp使用心得
前陣子接觸Fire.app,是個製作網頁原型的協助工具,個人覺得很方便,想推薦給大家。
以下紀錄一下使用心得:
閱讀全文
Quickly Sass(1)-少動點兒手:Sass使用心得
雖然年初就已經知道Sass, 但是實際學習與應用卻是在這一兩個月.
坦白說我自己一開始認為很難, 怕用了之後反而不會寫CSS, 以及編譯的問題而產生有點抗拒的心態, 可是真的在寫的時候發現真的還好, 而且也有編譯的軟體, 所以這些煩惱就不需要煩惱啦~非常建議各位來試試看!
閱讀全文
Beauty CSS(7)-CSS動一動
CSS3的特殊效果也是不得不提的功能之一, 有了它可以減少些jQuery撰寫, 對我來說相當方便.
以下紀錄一些用法, 若有誤還請指正, 謝謝.
閱讀全文
Beauty CSS(6)-CSS好方便
CSS最方便的地方之一在於圓角陰影等外觀上的設定,可以減少依賴圖片,達到讀取速度加快,重點是語法打一打就不用一直存圖縮圖啦xD以下紀錄一些外觀上面的設定。如有誤還請指正,謝謝。
閱讀全文
Beauty CSS(5)-選擇器part3
今天是CSS小孩系列!(小孩系列是我自己取的…)
我在寫網頁時常常遇到的問題是,當我想在一區塊裡某些部份作不同設定的時候,往往要再增加一個選擇器,而且只有這個區塊會用到,非常不方便。發現小孩系列,內心如找到好素材一樣興奮。以下紀錄異同處。
閱讀全文
Beauty CSS(4)-選擇器part2
選擇器學不好,要飯要到老(誤)我認為學好CSS選擇器對於網站效率有很大幫助,當然這點我也還在學習當中。
今天繼續紀錄CSS的選擇器,文章若有謬誤還請不吝指正m(_ _)m。
閱讀全文
Beauty CSS(3)-選擇器part1
選擇器學不好,要飯要到老(誤)我認為學好CSS選擇器對於網站效率有很大幫助,當然這點我也還在學習當中。
以下是紀錄CSS的選擇器,文章若有謬誤還請不吝指正m(_ _)m。
閱讀全文