SUSY相較於Bootstrap而言,是一個靈活度較高的Framework,以下記錄一下使用SUSY的心得。
接觸時間不長,內容如有誤還請指正,謝謝。
閱讀全文
標籤彙整: CSS
除蟲幫手們
做網站時除了撰寫的工具以外,幫忙debug的工具也很重要,今日記錄了部分主流瀏覽器的除錯工具,內容如有誤還請指正,謝謝。
各家瀏覽器支援度不一,也因為如此,瀏覽器開發者們貼心的為網站開發者設計了檢查工具,並且幾乎支援隨改隨見結果、檢測網路速度、甚至Console除錯等等,真是糾感心~。
閱讀全文
Web Font(1)-網頁也可以不一樣
網頁字型已經行之有年,國外大大小小的網站都可以看到不同字體顯示,只要連結檔案就能看到效果,多數文字再也不必依賴圖片製作,不但方便還減少檔案大小,一舉兩得~
以下紀錄如何使用Web font,內容若有誤還請指正,謝謝。
閱讀全文
Quickly Sass(4)-CSS無痛轉移Sass
既然開始學Sass了,以前的檔案當然也要趁機會轉成Sass,練習兼整理,一舉兩得~
閱讀全文
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。
閱讀全文