返回 前端
Awesome Master CSS
Awesome master css
Awesome Master CSS
¶
> 根据类名自动生成对应的CSS规则,增强的CSS语法,可以用更少的代码构建UI,直接在生产中使用高性能的JIT.
Master CSS 是一种具有增强语法的虚拟 CSS 语言,仅使用 HTML 即可高效地构建您的 UI 和设计系统.
Useful Links¶
- Repository - 掌握 CSS 存储库.
- Documentation - 掌握 CSS 文档.
IDE Extensions¶
- Master CSS Language Service - 为 Visual Studio Code 提供代码完成和语法突出显示.
Tools¶
- Master Styles CSS Converter - 在线将 CSS 转换为 Master 样式.
- Master Sandbox - 大师沙盒在线编辑器.
Plugins¶
- @master/normal.css - 标准化浏览器的样式.
- @master/keyframes.css - 简单实用的 CSS 关键帧.
- @master/style-element.react - 使用条件类名称快速创建样式化的 React 元素.
- @master/literal - 有条件地使用模板文字构造类名和字符串.
Community¶
- Discussions - 官方讨论场所.
- Discord channel - 与大师社区聊天的频道.
- Official Twitter - 新开发的关于大师的通知.
Learning¶
- Setup guide
- Syntax tutorial - 用于类名的增强和结构化 CSS 语法的快速语法指南.
- Master CSS Cheat Sheet - 快速搜索 Master CSS 的所有语法.
Online Examples¶
- Glassmorphism example - Master CSS 的纯 HTML glassmorphism 组件.
- Interactive switch toggle example - Master CSS 的交互式开关切换.
Articles¶
- Why Master CSS - 关于 Master CSS 的官方概念和原则.
- Getting started with a whole new CSS language —— Master CSS
- Rapidly create reusable React components in one line
欢迎投稿! 首先阅读贡献指南.
