Feb 16 2009

Day One Mastering CSS & HTML

Russ WeakleyAfter a mad dash from the airport we made it just in time for the first session on the day. We did luck out on the good seats. But not even the neck wrenching all day long could take away from the sessions content.

I was amazed at the amount of ground that was covered by Russ Weakley. Fast paced and action packed till the last bell rang at 5pm.

Areas of particular interest to me, no i might hear you say du!, but my css and html skills have been hacked togeter like a IE 5 stylesheet.

  • I’m slowly getting my head around Inline, Block and Terminal Block elements. I’ll have to go check out that last one again.
  • Selectors are your friend, esp descendant selectors save you from needing to assign classes unnecessarily
  • Try and use your site without a mouse, for basic accessibility testing
  • Check out http://maxdesign.com.au for some css goodness and examples
  • display:inline = inflow, display:block = out of flow
  • CSS Sprites, have all your icons in one gif file to save round trips to the server. Use ample white space(100px) to avoid strange effects when font size gets increased.
  • User more of “em” unit to make site more fluid when font size in the browser gets changed.
  • Russ finally got me to make sense of “li” elements for navigation and how easy they are to work with.
  • Also see “Sliding Door” for nice and neat little tabs with rounded corners. a and span elements are your friends here.
  • Tables in forms are _bad_ for accessablility
  • Build for standard compliant browser ALWAYS!!!, you can add IE specific hacks in at IE only style sheet.
  • When doing a printable stylesheet see “media” attribute of the link element.

So at the end of a long day im calling it a wrap. The sooner i go to bed the sooner i can go and have a coffee at Delux

Double Margin Float bug is quite bizarre – Russ(Sounding like the Steve Irwin of CSS)

One Response to “Day One Mastering CSS & HTML”