最近,GitHub、Groupon和CodePen等网站上出现了大量关于CSS开发的文章。它们读起来很有趣,并将为您提供许多创建自己的CSS开发指南的技巧和想法。以下是7篇博客文章的链接,它们概述了用于在大型站点和应用程序上开发CSS的工具、原理和技术。
1.CSS在Groupon
Groupon的UI工程师Mike Aparicio回忆起这个流行的团购网站是如何创建自己的CSS框架的Toolstrap,在讨论是否应该使用Bootstrap之后。他们使用SMACSS作为发展哲学。
2.CodePen的CSS
Chris Coyier的这篇博文概述了CodePen上的CSS。CodePen使用SCSS作为它的预处理器Autoprefixer来处理CSS属性的供应商前缀。
3.GitHub的CSS
Bootstrap的共同创造者和GitHub的设计者Mark Otto说,这个代码托管网站使用SCSS作为它的预处理器。该站点有超过100个单独的源样式表,然后将它们编译为仅两个用于生产的样式表。
4.CSS在Lonely Planet
Ian Feather在Lonely Planet(旅行指南出版商)撰写了关于CSS开发的文章。该网站使用Sass,并遵循一个修改本而且允许方法的CSS架构。该网站还维护了一个设计风格指南,称为里索.
5.CSS在Hootsuite
Hootsuite是一款社交媒体管理应用,拥有超过40名工程师,其中4人专门研究HTML和CSS。应用程序的预处理器是LESS,遵循了受BEM和西装的CSSHootsuite的设计师和开发者史蒂夫·米奈特(Steve Mynett)说。
6.缓冲区的CSS
Brian Lovin是Buffer的产品经理,他在文章中提到了他们使用的CSS惯用的CSS作为一个风格指南。该网站的核心样式表有3094个选择器,重达271kb。他们使用LESS作为首选的预处理器。
7.CSS在Trello
Trello是一个基于web的项目管理应用程序,其设计师Bobby Grace在这篇博客中谈到了该应用程序的CSS。这篇文章概述了样式表文件结构,他们使用的工具(如CSS Shrink来缩小样式表文件大小),CSS编码风格,等等。