TEACHING OO CSS Object Oriented CSS

536,529 views
533,546 views

Published on

TEACHING OO CSS
To designers and engineers




Monday, February 16, 2009

Published in: Design, Technology
44 Comments
1,035 Likes
Statistics
Notes
  • More than 5000 IT Certified ( SAP,Oracle,Mainframe,Microsoft and IBM Technologies etc...)Consultants registered. Register for IT courses at http://www.todaycourses.com Most of our companies will help you in processing H1B Visa, Work Permit and Job Placements
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Very Nice. It gives another dimention to CSS styling and thinking. We're all so used to just chucking in more and more rules into those (already obese) CSS files without giving it a thought and very likely duplicating already existing rules. As someone mentioned earlier "C" really looses its importance if not contradicts with the OO aproach so I would entertain the thought of labeling it OOSS instead of OOCSS. Thanks for sharing. Nice work.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Really useful
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Thanks to give this information its very useful for beginner like me ...
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • @georghoff1 I agree. And sometimes we want a class called '.error' but acting differently on different elements, for example with form elements.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
536,529
On SlideShare
0
From Embeds
0
Number of Embeds
217
Actions
Shares
0
Downloads
0
Comments
44
Likes
1,035
Embeds 0
No embeds

No notes for slide
  • Introductions - Nicole Sullivan, worked at yahoo, specialist in scalable high performance websites.


  • After which he said that “CSS is broken”
    Very common to say that CSS is broken when it is misunderstood.
    Emerging frameworks are a sign that CSS is broken.
    Java developers -- Math class
    TRANSITION
    On the other hand, I honestly do believe we are doing it wrong.
  • couple years coding in the basement by yourself before you are remotely useful.
    Profession needs to accomodate entry level, mid level, and architect level developers.
    Frankly, I’m tired of writing rounded corner boxes. I’ve done it 1000 times already. What I want is a system that allows newbies to do that part so I can focus on the architect level challenges.

  • New (different) html pages should be able to be built without modifying the CSS.
  • And for good reason. Currently there is no consistency or predictability.
  • Perfectly accessible or high performance website, and then the first newbie to touch it, ruins it. Our code should be robust enough that newbies can contribute while maintaining the standards we’ve set.


  • yoga, balance metaphor
  • “Once upon a time...” pages to modules to objects









  • If we build new HTML pages from a component library, new pages won’t require new css.
    So what goes into a component library. First up, content objects.
  • Anything else that should be consistent site-wide.


  • media, media extended, wrap
    Open editable zone

  • presentational elements









  • function created to return area that occasionally returns the diameter instead.













  • not because you can’t do it
    everyone in this room could position something to the left and something else to the right.
    Also because, when working with beginners, they need not to figure out a brand new system with each module.








  • If ducati and saleMod both specify border, and the rules are the same strength, ducati should “win” as it is the last class specified.
  • Support for child element selectors would solve this, but would increase the length of the rules. E > F


  • ×