![[筆記] Sass 實戰全攻略 – 11 – 自製格線系統](https://smlpoints.com/wp-content/uploads/notes-sass-walkthrough-1-introduction-1.jpg "[筆記] Sass 實戰全攻略 – 11 – 自製格線系統")
[筆記] Sass 實戰全攻略 – 11 – 自製格線系統
這一段算是額外的補充部分，但也是很實用的章節。藉由介紹、分解既有的格線系統，你也可以製作一個屬於自己的格線系統。 課程對應章節 Course 62 ～ Cour Read More …
標籤: sassWalkthrough
[筆記] Sass 實戰全攻略 – 10 – 設計模式和規範
每次專案，都提供給自己或是團隊一個可以將這些 CSS 規範給內化的機會。不過要謹記規範是死的，而人是活的，切勿為了規範而讓專案過於瑣碎，而是要力求導入規範讓工作 Read More …
[筆記] Sass 實戰全攻略 – 9 – 錯誤的 CSS 設計方式
Sass 在撰寫時，要注意一些常見的 CSS 設計方式，會讓你在撰寫的時候顯得冗長、日後也變得難以維護。 課程對應章節 Course 58 ～ Course 6 Read More …
[筆記] Sass 實戰全攻略 – 8 – 關於命名的那些事兒
撰寫程式的人們的日常頭痛問題之一，就是如何命名變數。變數命名的好，可以省下日後維護時的大量時間在研究先前的邏輯上。這邊筆記下這個段落部分有提及的一些設計巧點。 Read More …
[筆記] Sass 實戰全攻略 – 7 – Sass/CSS 設計模式 (OOCSS)
Sass/CSS 的設計模式，對於使用者來說，你可以把它想做是一種歸納管理 CSS 的思維。除了前一篇文章提到的 Smacss 外，OOCSS 提出另外一種收納 Read More …
[筆記] Sass 實戰全攻略 – 6 – Sass/CSS 設計模式 (Smacss)
Sass/CSS 的設計模式，對於使用者來說，你可以把它想做是一種歸納管理 CSS 的思維。隨著專案的開發架構越發龐大，修改一個小小樣式變成一個大工程，因為你必 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 …
