×
  • Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

Object Oriented CSS for rapid, scalable and maintainable development

by UX Lead at Deeson Online on Apr 23, 2012

  • 5,515 views

Most frontend developers have already heard of Object Oriented CSS, yet it is still sorely under-practiced. ...

Most frontend developers have already heard of Object Oriented CSS, yet it is still sorely under-practiced.

Do your CSS files have overrides and !importants scattered through them? Do they often come in at 3000 lines+ for a regular site?

Tied with good semantic HTML, the Object Oriented CSS approach really is the answer to rapid, lightweight, scalable and easy to maintain frontend code. OOCSS will speed up any front end build, but really comes into its own on bigger sites.

I will talk through my approach to frontend builds and show how OOCSS makes the process so much easier.

I'll also talk a bit about CSS compilers and how it is important to have a good understanding of OOCSS methods before jumping into SASS or LESS. Poor CSS practice isn't going to be rescued by a compiler; in fact it can even compound problems by bringing in another layer to debug.

I hope to instill a real understanding of what OOCSS means, why it REALLY matters, and how it's going to make you a better front end developer!

@graemeblackwood
http://www.deeson-online.co.uk/graeme-blackwood

Presented at Frontend United – http://frontendunited.org

Statistics

Views

Total Views
5,515
Views on SlideShare
3,838
Embed Views
1,677

Actions

Likes
21
Downloads
104
Comments
0

10 Embeds 1,677

http://frontendunited.org 1270
http://deeson-online.co.uk 335
http://lanyrd.com 30
http://startnewday85.blogspot.com 13
http://feeds.feedburner.com 10
http://fro1-001.dev.atomicant.co.uk 9
http://dev.frontendunited.org 4
http://www.onlydoo.com 3
http://us-w1.rockmelt.com 2
https://twitter.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
Post Comment
Edit your comment

Object Oriented CSS for rapid, scalable and maintainable development Object Oriented CSS for rapid, scalable and maintainable development Presentation Transcript