@media Session 7

Professional Front-End Engineering

Nate Koechley

Nate began by giving us a bit of historical context to the way Yahoo! has evolved over the years.

He then covered topics such as Yahoo’s server architecture, graded browser support [see below], progressive enhancement, unobtrusive JavaScript etc.

He suggests we all have an interesting set of decisions to make regarding front-end design:

  1. Do what is standard
    if impossible, then
  2. Do what is common
    if impossible, then
  3. Do what it takes

Then we get on to:

  1. Do what is simple
    +
  2. Do what is flexible & progressive
    +
  3. Do what is open

This is in order to satisfy the multiple audiences for any website: Users, Developers, Machines.

At Yahoo!, they focus on 8 specific areas:

  1. HTML
  2. CSS
  3. JavaScript
  4. Accessibility
  5. Internationalisation
  6. Performance
  7. Infrastructre & Process
  8. Tooling

They use tools such as JSLint to check code for quality, and adopt the idioms it promotes to improve their code. Also, unit testing with YUI Test.

There’s much more detail in his slides (see below).

Nate’s presentation: slides (blog/slideshare) | audio (mp3)

This entry was posted in at media, conferences, css, development, technology and tagged , , , , , , . Bookmark the permalink.