標籤: SCSS 頁1

SCSS相關的文章，目前共收錄 7 篇內容。

教學

2022-12-12 14:11:31

透過 VS Code 的 Live Sass Compiler 客製化 Bootstrap 的 CSS

我們在網站要客製化 Bootstrap 的 CSS 其實最好是去修改 SCSS 會比較好，如果網站本身沒有編譯 SCSS 的環境，建議可以透過之前介紹的 VS Code 套件 Live Sass Compiler 來編譯，首先安裝完後，再去 Bootstrap 官網下載原始碼。

網路資源

2022-03-11 18:02:17

[VS Code 擴充套件] 使用 Live Sass Compiler 套件自動編譯 SASS/SCSS

SASS/SCSS 是寫 CSS 的好幫手，不過一般要寫的話都需要先安裝好相關的環境才能開始寫，不過還好 VS Code 有人就開發出可以直接自動編譯的套件 Live Sass Compiler，安裝後就算不弄環境也可以直接撰寫 SASS/SCSS 了。

網路資源

2021-11-05 15:35:38

Motion UI- 好用的動畫效果函式庫

Motion UI 是一個好用的動畫效果函式庫，可以直接使用預設的效果或透過 SCSS 自訂效果。

教學

2021-03-24 21:48:58

透過 parcel 使用並修改 bootstrap 的 css

我們可以透過 scss 來幫助我們修改 bootstrap 的一些設定值，這邊就說明一下使用 parcel.js 來建構的方法。

教學

2021-01-26 11:21:40

輕量的前端打包工具 parcel.js 安裝教學

近年前端在開發的時候往往都需要使用一些打包工具，方便我們在使用新的開發方式後可以在瀏覽器正常運作，其中最熱門的就是 webpack，但 webpack 本身很大也很複雜，如果想要感受打包工具威力的話，這邊我們可以先使用 parcel.js 這隻打包工具來幫助我們專案的開發。

教學

2020-04-16 16:48:58

[SCSS] Mixins、運算子、判斷式及迴圈

使用 Mixins 來管理樣式，並利用運算子、判斷式及迴圈來寫 SCSS。

教學

2020-04-12 21:43:43

[SCSS] 用預處理器來讓你的 CSS 更好維護

CSS 雖然嚴格說不能是程式，但如果在開發的時候加入一些程式的撰寫方式，是可以讓你的 CSS 更好維護的，而所謂的 CSS preprocessor(預處理器)就是幫我們來做這件事情的，寫起來會跟 CSS 有滿大的不同的，但如果習慣後開發速度跟維護都可以比原本的 CSS 更好，如果原本寫 CSS 就有好習慣的話，用起預處理器就會更加如虎添翼。