TEACHING OO CSS Object Oriented CSS

560,822 views

Published on

TEACHING OO CSS
To designers and engineers




Monday, February 16, 2009

Published in: Design, Technology
43 Comments
1,073 Likes
Statistics
Notes
No Downloads
Views
Total views
560,822
On SlideShare
0
From Embeds
0
Number of Embeds
305,469
Actions
Shares
0
Downloads
0
Comments
43
Likes
1,073
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


  • ×