第十五屆

web
下一代 CSS 解決方案:Master CSS 具增強語法的虛擬 CSS 語言
miru129

系列文章

DAY 1

Master CSS 是什麼?全球第一個 Virtual CSS!

簡介 2022 年 03 月 16 日,全球第一個 Virtual CSS 正式發佈 🥳 何謂 Virtual CSS,Virtual CSS 是一個藉由增強語...

DAY 2

為什麼使用 Master CSS 它的優點與基礎原理

為什麼 Master CSS 前端的框架與工具推進得很快,不論是在開發上體驗的或是部署上與效能的提升,其實每個框架、函式庫及工具的誕生都是為了解決一些痛點。 寫...

DAY 3

Master CSS 不只是在行內寫類別樣式

Atomic CSS(ACSS) 不管是 Tailwind CSS、UnoCSS,都擁有一個概念——原子化 CSS(Atomic CSS),雖然你在 Maste...

DAY 4

Master CSS 能做到什麼?

類別名稱的可讀性 Master CSS 是將樣式以類別名稱撰寫寫在 class 內,然而當需要設定樣式一多的話,仍無法避免類別名稱過於冗長及難以判讀的可能性,但...

DAY 5

Vue 3 使用 Master CSS

Vue 3 使用 Master CSS 1. 建立一個 Vue.js 專案 使用 create-vue 建立一個 Vue 專案,並切換至專案目錄安裝相關依賴。...

DAY 6

Master CSS 類別語法突顯上色和語法自動完成提示的 VS Code 插件 - Master CSS Language Service

Visual Studio Code (VS Code) Visual Studio Code 是一款由微軟開發的跨平台程式編輯器,因其開放原始碼及社群與插件的...

DAY 7

Master CSS 預設並標準化全域樣式

如果你是採取 CDN 載入 Master CSS 並開始使用,應該會發現在官方安裝的指引中,index.html 程式碼如下: <head>...

DAY 8

Master CSS 樣式宣告的基本語法

前言 Master CSS 透過結構化的語法,涵蓋了所有原生的 CSS 功能,也就是說 Master CSS 的核心引擎,幾乎不會影響各家瀏覽器及排版引擎對 C...

DAY 9

Master CSS 樣式宣告好長呀!可以縮短類別名稱嗎?當然可以 - 使用縮寫縮短 Calss 名稱

前言 Master CSS 透過結構化的語法,涵蓋了所有原生的 CSS 功能,Master CSS 在類別上直接宣告原生 CSS 雖然方便,但也容易導致類別名稱...

DAY 10

Master CSS 樣式宣告縮短還要好記 - 樣式類別的速記簡寫

前言 Master CSS 對於類別名稱過多過長的問題,提供了縮寫來縮短類別的名稱,而在開發上為了更優雅及高效,速記的簡寫因此而誕生,雖然簡寫對學習上或記憶上需...