![[筆記] Sass 實戰全攻略 – 7 – Sass/CSS 設計模式 (OOCSS)](https://smlpoints.com/wp-content/uploads/notes-sass-walkthrough-1-introduction-1.jpg "[筆記] Sass 實戰全攻略 – 7 – Sass/CSS 設計模式 (OOCSS)")
[筆記] Sass 實戰全攻略 – 7 – Sass/CSS 設計模式 (OOCSS)
Sass/CSS 的設計模式，對於使用者來說，你可以把它想做是一種歸納管理 CSS 的思維。除了前一篇文章提到的 Smacss 外，OOCSS 提出另外一種收納 Read More …
分類: 網頁開發 Web Development
[筆記] Sass 實戰全攻略 – 6 – Sass/CSS 設計模式 (Smacss)
Sass/CSS 的設計模式，對於使用者來說，你可以把它想做是一種歸納管理 CSS 的思維。隨著專案的開發架構越發龐大，修改一個小小樣式變成一個大工程，因為你必 Read More …
![[筆記] 自定義 Element UI 標題欄位遇上 Vue/no-unused error 的解決方法](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] 自定義 Element UI 標題欄位遇上 Vue/no-unused error 的解決方法")
[筆記] 自定義 Element UI 標題欄位遇上 Vue/no-unused error 的解決方法
在 Vue template 的檔案，有時會需要運用到 slot-scope=”something” 的語法，但實質上並沒有用到 som Read More …
![[筆記] CSS 上常見的水平置中 & 垂直置中方法](https://smlpoints.com/wp-content/uploads/css-ul-li-align-center-1.jpg "[筆記] CSS 上常見的水平置中 & 垂直置中方法")
[筆記] CSS 上常見的水平置中 & 垂直置中方法
CSS 常見的老問題之一的對齊問題，這邊筆記一下目前自己常用以及網路上流傳的各種置中方法，分為水平和垂直兩塊。 基礎知識 HTML 的元素有預設的 displa Read More …
[筆記] Sass 實戰全攻略 – 5 – mixin 解決響應式網頁的斷點問題
Sass 的 mixin 可以幫助使用者在編寫 RWD 響應式網頁格式時，可以預先指定好自身常用的樣式表和斷點。這樣一來在實際運用上，可以增加可讀性，同時也避免 Read More …
[筆記] Sass 實戰全攻略 – 4 – mixin 統整你常用的 CSS 方法
妥善運用變數和 mixin，這樣就可以方便管理你常用的 css 方法，在必要時候免去你上網 google 查詢的困擾。同時，你也可以藉此開始打包一套屬於自己的常 Read More …
[筆記] Sass 實戰全攻略 – 3 – import 切分檔案和維護
Sass 隨著專案大小的越發增加，是可以透過引入 import 這個動作，來做到結構化的維護管理的。換言之，你可以在一個作為索引的 index 的 scss 檔 Read More …
[筆記] Vue2 Perfect-Scrollbar 置底開始
Vue 的 Perfect-Scrollbar 套件，是 Vue 中滿常使用的捲軸選單的套件。雖說有內建的一些自訂樣式的選項( 可用 options 載入)，不 Read More …
[筆記] Sass 實戰全攻略 – 2 – 變數的運用
變數在 Sass 的運用上，最為方便就是可以事先定義一些常用的基準變數，如顏色、大小、字體……等等，同時在搭配運算子進行加減乘除。如此一 Read More …
