IceWeb 2006 notes - David Shea, "CSS Project Management"

Written April 28. 2006, at 10:58 GMT.

  • Uses his own site Mezzoblue.com as an hands-on example.
  • Hey, Dave uses BBEdit to write CSS and HTML! I remember using BBEdit back in my Macintosh days (in the MacOs 7 & 8 era).
  • Recommends commenting your CSS code. Mentions that <body>-level className (or @id) hooks make "deep" page-specific changes in your visual design dead easy to do. Something we use alot in our coding at work. More specifically we have several of our javascript utilities add className keywords to the <body> as status-indicators (think: font-sizing, page-width switching, etc.)
  • Explains basic stuff - such as the cascade and selector specificity.
  • Recommends breaking your CSS up into several files - one for each site-section/page. Acknowledges that this may increase the redundancy in your CSS, but it makes the CSS way more manageble in the long term (and for large/complex sites). New problem: "CSS file management".
    • Note-to-self: CMS systems have very varying level of support for including custom stylesheets for specific site-sections. Henche the tendency of many coders (me included) to pile everything into one big CSS file.
  • Talks about "standard naming conventions" for classNames and ids, and their hypothetical potential to be useful in the future. (See also: John Allsopp's Semantics in the Wild)
  • Explains Tantek's undohtml.css
  • Advocates against CSS hacks. Recommends placing all "hack code" in seperate CSS files and limit your use of "filters" to simply @importing these.
  • "IE7 has reached the point that if your site is broken in IE7 then now's the time to fix it." -- or as I'd say, now's the time to start worrying about whether your clients will accept being billed for fixing a set of Brand New IE Rendering Bugs(TM).

All in all, again mostly stuff I've already thought about extensively in the past. It was still great to get to peek into Dave's head on the subject.

(Notes written in English because the audio-visual input is all in English. Translations are tough.)


More like this: English Entries, IceWeb2006.


Ţessum svarhala hefur veriđ lokađ. Kćrar ţakkir til ţeirra sem tóku ţátt í umrćđunni.


 

Flakk um vefsvćđiđ



 

Nýleg svör frá lesendum

  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Már (Req.js - javascript lazy-loading and dependency managment made easy)
  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Már (Req.js - javascript lazy-loading and dependency managment made easy)
  • Dinesh (Req.js - javascript lazy-loading and dependency managment made easy)
  • Már (Taubleyjur í nútímanum - lítill leiđarvísir handa hrćddri ţjóđ)
  • Ada (Taubleyjur í nútímanum - lítill leiđarvísir handa hrćddri ţjóđ)
  • notandi (Taubleyjur í nútímanum - lítill leiđarvísir handa hrćddri ţjóđ)
  • Geir (Lausnin á efnahagsvandanum)
  • Jenný (Lausnin á efnahagsvandanum)
  • Óli Jens (Lausnin á efnahagsvandanum)
  • Már (Lausnin á efnahagsvandanum)
  • Kjartan S (Lausnin á efnahagsvandanum)

 

 

Yfirlit yfir ţetta skjal

(Atriđin í listanum vísa á ákveđna kafla ofar á síđunni.)