Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Front-end Architecture

Front-end Architecture

An early exploration of the value of investing more seriously in front-end web development as the world was transitioning from a table-centric approach to front-end development to following Web Standards and building more maintainable front-ends.

Garrett Dimon

July 21, 2006
Tweet

More Decks by Garrett Dimon

Other Decks in Programming

Transcript

  1. Typographic Choices (and ramifications) Initial Costs Content Maintenance Code Maintenance

    Accessibility User-Agent Consistency Design Control Separation CSS Image Replacement sIFR Image Tags Server- Generated Images
  2. CSS IA DOM Scripting Accessibility Design AJAX Markup User Agents

    Flash Usability Content Back-End Project Mgmt.
  3. The tables have got to go. The first step is

    admitting you have a problem. http://www.stopdesign.com/articles/throwing_tables/
  4. CSS

  5. Beware of Browser Hacks No Guarantees. They’re only a patch.

    http://www.thinkvitamin.com/features/css/stop-css-hacking
  6. ...your scientists were so preoccupied with whether or not they

    could, they didn’t stop to think if they should. “ ” - Jurrassic Park, 1993
  7. Back-End & Bandwidth MacRumors used only 32 GB of bandwidth

    instead of an estimated 196 GB if they had a non-AJAX version of the live keynote.
  8. CSS IA DOM Scripting Accessibility Design AJAX Markup User Agents

    Flash Usability Content Back-End Project Mgmt.