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

OOCSS for JavaScript Pirates jQcon Boston

by Front-End Engineer at SpringSource on Oct 17, 2010

  • 9,222 views

At first glance, Object-Oriented CSS looks like yet another rehash of CSS "best practices". Maybe the OO part caught your attention briefly before you dismissed it as a gimmick. Who cares about CSS ...

At first glance, Object-Oriented CSS looks like yet another rehash of CSS "best practices". Maybe the OO part caught your attention briefly before you dismissed it as a gimmick. Who cares about CSS anyways? I'm a JavaScript Pirate! CSS is for lollygaggers and deck scrubbers!
That's what these JavaScript Pirates thought, too, at first. But now that we're skilled in the arcane art of OOCSS, we've come to realize that it not only helps us write better CSS, but it also helps us write much better JavaScript!

You too will be able to create kick-ass web apps that are engineering marvels -- able to withstand high seas and hurricane-force winds -- er... or at least unreasonable customer demands.

First, we'll review the basics of OOCSS. Then, we'll delve deeper. Way deeper.
Attending pirates will learn how to:

1) use OOCSS principles to modularize HTML into reusable components, 2) mate these components with CSS rules and JavaScript ""controllers"", and 3) identify and implement inheritance patterns in CSS, HTML, and JavaScript.

More importantly, pirates will discover several little-known secrets about OOCSS. These ""secrets"" are tips and techniques that you won't find in any book, tutorial, or treasure map. They're not even divulged on the OOCSS Github repository! Once you see them in action, you'll never want to do it the ""old way"" again.

For certain, by the end of this session, you will: 1) have a much greater appreciation for CSS, 2) understand several simple, yet powerful, techniques for applying OOCSS, and 3) feel much more confident about creating and maintaining large web apps.

Arrrrrr, matey!!! Let the wind blow!

Statistics

Views

Total Views
9,222
Views on SlideShare
6,406
Embed Views
2,816

Actions

Likes
18
Downloads
119
Comments
1

24 Embeds 2,816

http://speakerrate.com 2010
http://unscriptable.com 577
http://lanyrd.com 89
http://www.clipboard.com 37
http://alexisperrier.com 33
http://techno-sphere.blogspot.com 19
http://paper.li 11
http://webcache.googleusercontent.com 8
https://si0.twimg.com 5
http://www.netvibes.com 4
http://www.springone2gx.com 3
http://www.talksathome.com 3
http://stage.clpbrd.com 3
http://www.linkedin.com 2
http://a0.twimg.com 2
http://talksathome.com 2
http://sandbox.clipboard.com 1
http://static.slidesharecdn.com 1
http://unscriptable.dreamhosters.com 1
http://theoldreader.com 1
http://dev.newsblur.com 1
http://techno-sphere.blogspot.ca 1
http://techno-sphere.blogspot.ie 1
http://204.232.206.121 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

11 of 1 previous next

  • unscriptable John Hann, Front-End Engineer at SpringSource Brian Cavalier has an updated version of this presentation! Check it: http://www.slideshare.net/briancavalier/oocss-for-javascript-pirates-at-jquerypgh-meetup 3 years ago
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

OOCSS for JavaScript Pirates jQcon Boston OOCSS for JavaScript Pirates jQcon Boston Presentation Transcript