CSS Improvement at Giant-Scale Web sites

A slew of posts about CSS improvement at web sites like GitHub, Groupon, and CodePen got here out lately. They’re fascinating to learn, and can give you many ideas and concepts for creating your personal CSS improvement tips.

Listed here are hyperlinks to seven weblog posts that give an summary of the instruments, philosophies, and methods getting used to develop CSS at giant-scale websites and apps.

1. CSS at Groupon

Mike Aparicio, UI engineer at Groupon, recollects how the favored every day-offers website created their very own CSS framework referred to as Toolstrap, after debating whether or not or not they need to use Bootstrap. They use SMACSS as a improvement philosophy.

2. CodePen’s CSS

This weblog publish by Chris Coyier outlines the CSS at CodePen. CodePen makes use of SCSS as its preprocessor and Autoprefixer to cope with vendor-prefixing of CSS properties.

three. GitHub’s CSS

In response to Mark Otto, co-creator of Bootstrap and designer at GitHub, the code-internet hosting website makes use of SCSS as its preprocessor. The location has over one hundred particular person supply stylesheets that then will get compiled right down to solely two stylesheets for manufacturing.

four. CSS at Lonely Planet

Ian Feather wrote about CSS improvement at Lonely Planet (the journey information writer). The location makes use of Sass and follows a modified BEM and OOCSS strategy to CSS structure. The location additionally maintains a design fashion information referred to as Rizzo.

5. CSS at Hootsuite

Hootsuite, a social-media-administration app, has over forty engineers, and 4 of them are devoted to HTML and CSS. The app’s preprocessor is LESS, follows a CSS philosophy impressed by BEM and SUIT CSS, in accordance with Steve Mynett, designer and developer at Hootsuite.

6. Buffer’s CSS

Brian Lovin, Product Supervisor at Buffer, wrote about their app’s CSS the place he mentions they use idiomatic CSS as a method information. The location’s core stylesheet has three,094 selectors and (heftily) weighs in at 271kb. They use LESS because the preprocessor of selection.

7. CSS at Trello

This weblog publish by Bobby Grace, designer at Trello, an internet-based mostly undertaking administration software, talks concerning the app’s CSS. The publish outlines the stylesheet file construction, the instruments they use (like CSS Shrink to scale back their stylesheets’ file sizes) their CSS-coding type, and extra.

Associated Content material

• Net-Based mostly Instruments for Optimizing, Formatting and Checking CSS


• The Historical past of CSS Resets


• Structural Naming Conference in CSS


• 5 CSS Results Libraries for Supercharging Your Designs

Concerning the Writer

Jacob Gube is the founding father of Six Revisions. He is a entrance-finish net developer. If you would like to attach with him, head over to the contact web page and comply with him on Twitter: @sixrevisions.

The publish CSS Improvement at Giant-Scale Web sites appeared first on Six Revisions.

The post CSS Improvement at Giant-Scale Web sites appeared first on DICKLEUNG DESIGN 2014.