Skip to main content

Six essential CSS resources to boost your skills

So, you're feeling thoroughly chastened after reading about the 10 CSS mistakes that every web designer must avoid, and you're keen sort out your CSS skills? You're in luck; here's a collection of six absolutely top-notch CSS resources that'll help you ensure that you're writing the best, cleanest code imaginable.

HTML5 Rocks: Tutorials

(opens in new tab)

Besides having great primers on how browsers work, HTML5 Rocks releases tutorials at least once a month about how to do things better in browsers.

Sass's @extend functionality

(opens in new tab)

Sass, and particularly its @extend function, can help you move more towards component-based CSS and away from many of the bad habits mentioned in this article. Check out the documentation to find out how it works and see for yourself how powerful it can be.

Optimise browser rendering from Google

(opens in new tab)

A classic reference on rendering best practices, loaded with information on how browsers render, helping you better know the browser and write better CSS.

Writing efficient CSS from Mozilla

(opens in new tab)

Mozilla's reference on efficient CSS is short and sweet, making it a great training resource for new or onboarding developers.

Optimising browser rendering from Adobe MAX 2013

(opens in new tab)

Michael Labriola discusses browser rendering as it relates to performance. This hour-long session (opens in new tab) and other videos from this year's Adobe MAX are available online, and worth a watch.

W3C's CSS tips about units

(opens in new tab)

The W3C has a collection of CSS examples available, including an interesting tidbit about units.

All examples:


Words: Pam Selle

This article originally appeared in net magazine issue 245

Liked this? Read these!

Okay, what have we missed? Tell us in the comments!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.