標籤: SCSS 頁1

教學

透過 parcel 使用並修改 bootstrap 的 css

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

教學

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

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

教學

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

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

教學

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

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