[笔记] Sass 实战全攻略 – 10 – 设计模式和规范

章节连结

每次专案,都提供给自己或是团队一个可以将这些 CSS 规范给内化的机会。不过要谨记规范是死的,而人是活的,切勿为了规范而让专案过于琐碎,而是要力求导入规范让工作流程更有效率才是。sass logo


课程对应章节

Course 55 ~ Course 57 (全部一共有 72 Courses)

请注意:本系列文章为个人对应课程的消化吸收后,所整理出来的内容。换言之,并不一定会包含全部的课程内容,也有可能会添加其他资源来说明。课程连结网址:http://tinyurl.com/ueo7bm2

内容

1. 使用者当了解 Sass 的架构后,可以撷取各家的部份 (PureCSS, Boostrap4……等),进而整合出自己的模式。
2. 可以试着手写 Sass,建一套迷你的套件系统,让自己熟悉如何架构请自己专案的 Sass 。
3. 规范:可以采取 7 + 1 的模式,包含 ( Base, Component, Layout, Page, Utils, Theme 和 Vender) ,配上 main.scss。
4. 每回专案开始前,可以定下这次的专案力求的 Sass 规范(OOCSS, Smass, BEM),让大家得以遵守。
5. 网页兼容性 / 可读性 / 萤幕分辨率 / 可扩充性 / 可重用性 / 可维护性


Sass 实战全攻略系列文章

  • [笔记] Sass 实战全攻略 – 11 – 自制格线系统
  • [笔记] Sass 实战全攻略 – 9 – 错误的 CSS 设计方式
  • [笔记] Sass 实战全攻略 – 8 – 关于命名的那些事儿
  • [笔记] Sass 实战全攻略 – 7 – Sass/CSS 设计模式 (OOCSS)
  • [笔记] Sass 实战全攻略 – 6 – Sass/CSS 设计模式 (Smacss)
  • [笔记] Sass 实战全攻略 – 5 – mixin 解决响应式网页的断点问题
  • [笔记] Sass 实战全攻略 – 4 – mixin 统整你常用的 CSS 方法
  • [笔记] Sass 实战全攻略 – 3 – import 切分档案和维护
  • [笔记] Sass 实战全攻略 – 2 – 变量的运用
  • [笔记] Sass 实战全攻略 – 1 – 简介

  • 按赞加入粉丝团

    延伸阅读