超越 CSS

Beyond CSS

可维护和可扩展的 CSS 不一定是一个挑战

有很多事情,在规模上,变得越来越难:

  •  类命名
  •  保持井井有条
  • 处理级联和特异性问题
  •  和更多

市面上有很多不同的方法、途径和工具可以帮助解决大规模编写 CSS 的问题。

有些方法涉及第三方选项,这可能非常有帮助,但通常非常适合制作需要完全返工的 MVP,当需要制作更多自定义的东西时。

或者更糟糕的是,你最终会得到一个奇怪的混合体,这里有 Tailwind,那里有 Bootstrap,这里有一些 CSS-in-JS 解决方案,但没有真正的方向。

为了帮助克服这些问题,您首先需要的是一个明确的方向和您理解的系统。

当我们创建自己的系统(甚至可以利用上面的工具!)时,我们从第一天起就拥有完全的控制权。

通过建立一个系统,你可以发展它以满足你自己的需求,并让它为你工作,而不是使用第三方需要的“适合所有人”的解决方案。

最棒的是,一旦你设置好了,你就不必从头开始每一个项目,让你在创纪录的时间内开始新的项目。

这就是我创作的原因BEYOND CSS.

一门课程,可帮助您学习如何整理样式表,无论项目规模或团队规模如何,都能保持样式表井井有条且可扩展。

当我们第一次开始编写CSS时,这很容易。

在这里更改背景颜色,在那里更改字体。

随着你的改进,你可能会开始从你在网上找到的设计中构建单个组件或小布局,事情进展得相当顺利。

您了解 flexbox、网格和定位的基础知识,并且您感到非常自信。

您可以创建布局并完成工作…

但随着项目规模的扩大,事情变得有点混乱。

项目越大,项目的各个方面就越难管理。随着越来越多的团队成员加入,困难呈指数级增加。

有些事情比其他事情更容易管理,而CSS就是其中之一,它很容易爆炸成一个复杂的、无组织的、混乱的。当你在一个团队中工作时,在编写CSS方面有不同程度的舒适感,事情可能会成为一场噩梦。

这就是为什么有这么多第三方库和框架,以及一堆不同的命名约定。

这些都是因为编写可以扩展的CSS是很困难的,而且随着我们可以用来构建网站的技术列表的不断增加,它变得更加困难。

问题

大多数关于 CSS 的教程、博客文章和视频都涵盖了一些基本概念,比如 flexbox 是如何工作的,或者如何单独制作单个组件。他们不谈论大规模编写 CSS。

这就是简短、易于消化的内容的本质。

当然,CSS通常包含在较长的内容和其他课程中,但通常来自非常有才华的全栈教育工作者,他们对CSS没有最强的掌握。

更不用说编码训练营了,这些训练营的费用可能在 10,000 美元到 20,000 美元之间,甚至连基本的 CSS 都勉强能做到公正!

了解它的基础知识非常重要,但是一旦你掌握了基础知识,类命名仍然很困难,我们的样式表很容易随着它们的增长而变得一团糟,而且我们永远不想处理处理冲突样式的挫败感。

有更好的方法

随着 CSS 作为一种语言的不断发展,自定义属性和级联层之类的东西可以帮助我们以前所未有的方式处理我们的 CSS。

还有其他已成为行业标准的工具,例如 Sass、PostCSS 等,也可以提供帮助。

在本课程中,我想教你如何利用现代 CSS 和其他一些工具来创建组织良好且易于扩展的项目,这些项目实际上让你和你的团队编写更少的 CSS。

这是一门高级课程,假设你对编写CSS很满意,但在组织和扩展项目方面却很挣扎。

2024-08-01 更新 从186 节课(14 小时 36 分钟)更新到 220 节课 ( 18小时 13分钟 ) 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。