SMACSS

CSS分层

随着CSS的发展,使用CSS有语义化的命名约定和CSS层的分离,将有助于它的可扩展性,性能的提高和代码的组织管理。在我前面的文章中讨论很多关于CSS的问题都可以通过使用一个适当的CSS策略来避免。在这篇文章里,我将着重于讨论使用一种方法或者一个命名规则所带来的好处。这里有很多可供使用的前端方法和命名规则,每个都有自己的优缺点。在几乎所有的案例中CSS被分割成更易于管理的代码“块”。CSS的这种分割方式定义了每一种方法。

CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?

大家都说CSS学和写都简单,那么写了多年CSS的同学是否有静下来思考过,自己写CSS是有较为系统的和具有一定规范的,而不是草率的写CSS。另外就是自己写的CSS在团队中,别的同学是否能看到代码就知道您写的是什么?如果没有,那不仿看看这里提到的一些概念与思想,比如:Sass 、SCSS、LESS、BEM、SMACSS、OOCSS、ACSS和CCSS等。这里列出的,你听说过、了解过或已在运用的有几个。如果是第一次听说他们,不仿进入相关小节,了解他们是什么?

如何使用Sass和SMACSS维护CSS

项目的维护与管理一直以来就是团队中最让人烦恼的事情,特别是对于一个有一定历史的网站,很多团队想动却又不敢轻意的去动,大多数都是采用在原来的基础上迭代开发,致使代码越来越难以维护。也为此产生恶性循环。今天根据的《How to Scale and Maintain Legacy CSS with Sass and SMACSS》所译,学习如何通过Sass这样的CSS预处理器和SMACSS这样的思想结合在一起,更好的开发和维护一个项目的CSS。希望对大家有所帮助与启发。

开始编写CSS

你是否还在觉得CSS很简单,你是否还在学得CSSer不是程序员?如果你阅读了这篇文章,你就会觉得CSS不在简单,CSSer也不在是一个页面仔,他也可以算程序员。因为今天的CSS不在是昨天那样的CSS,他引进了很多设计思想,比如CSS预处理器、CSS对像(OOCSS)、SMACSS、Atomic设计和OrganicCSS等,你是不是从来没有听过这些名词,如果是那么我们一起跟随的《Starting to Write CSS》来做一个短暂的旅行,让我们重新认识一回CSS,让你知道CSSer也是非常有价值的,有思想的。

返回顶部