大型网站的CSS开发

WebFX总统。Bill在互联网营销行业拥有超过25年的经验,专长于搜索引擎优化、用户体验、信息架构、营销自动化等。William在Shippensburg和MIT的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研究和开发项目提供了基础。

最近,GitHub、Groupon和CodePen等网站上出现了大量关于CSS开发的文章。它们读起来很有趣,并将为您提供许多创建自己的CSS开发指南的技巧和想法。以下是7篇博客文章的链接,它们概述了用于在大型站点和应用程序上开发CSS的工具、原理和技术。

1.CSS在Groupon

CSS在GrouponGroupon的UI工程师Mike Aparicio回忆起这个流行的团购网站是如何创建自己的CSS框架的Toolstrap,在讨论是否应该使用Bootstrap之后。他们使用SMACSS作为发展哲学。

2.CodePen的CSS

CodePen的CSSChris Coyier的这篇博文概述了CodePen上的CSS。CodePen使用SCSS作为它的预处理器Autoprefixer来处理CSS属性的供应商前缀。

3.GitHub的CSS

GitHub的CSSBootstrap的共同创造者和GitHub的设计者Mark Otto说,这个代码托管网站使用SCSS作为它的预处理器。该站点有超过100个单独的源样式表,然后将它们编译为仅两个用于生产的样式表。

4.CSS在Lonely Planet

CSS在Lonely PlanetIan Feather在Lonely Planet(旅行指南出版商)撰写了关于CSS开发的文章。该网站使用Sass,并遵循一个修改而且允许方法的CSS架构。该网站还维护了一个设计风格指南,称为里索

5.CSS在Hootsuite

CSS在HootsuiteHootsuite是一款社交媒体管理应用,拥有超过40名工程师,其中4人专门研究HTML和CSS。应用程序的预处理器是LESS,遵循了受BEM和西装的CSSHootsuite的设计师和开发者史蒂夫·米奈特(Steve Mynett)说。

6.缓冲区的CSS

缓冲区的CSSBrian Lovin是Buffer的产品经理,他在文章中提到了他们使用的CSS惯用的CSS作为一个风格指南。该网站的核心样式表有3094个选择器,重达271kb。他们使用LESS作为首选的预处理器。

7.CSS在Trello

CSS在TrelloTrello是一个基于web的项目管理应用程序,其设计师Bobby Grace在这篇博客中谈到了该应用程序的CSS。这篇文章概述了样式表文件结构,他们使用的工具(如CSS Shrink来缩小样式表文件大小),CSS编码风格,等等。

相关内容

WebFX职业

加入我们的使命,为全球企业提供行业领先的数字营销服务——同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!