Over a million developers have joined DZone.

Improve Your CSS Kung-Fu: Chris Coyier's Best Practices for HTML and CSS

DZone's Guide to

Improve Your CSS Kung-Fu: Chris Coyier's Best Practices for HTML and CSS

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

Lots of us 'know' CSS but don't use it to the max. More perniciously, despite demos like the famous zen garden, it's easy to forget about some of the more powerful -- but more abstract --  applications of CSS.

Keeping in mind that old programming habits die hard, Chris Coyier put online some very slick and very useful slides from his talk at the Future of Web Apps conference in London earlier this month.

The challenge? Really, really don't write more code than you need to. Particularly (slide 32) he suggests:

Don't use ID's in your CSS whatsoever for one small project.

That might be tricky, unless you're already a CSS master. If not, then remember: no shortcuts during creation means no waste during curation. A stitch in time saves nine. Which isolates nicely part of why CSS is so great (besides letting you make stuff look cool).

Click through the slides and exercise your CSS-jitsu:



Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.


Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}