August 28, 2007

Jeremy Keith: Be Pure. Be Vigilant. Behave.

Be pure
  • seperation - progressive enhancement
  • content -> structure (html) -> presentation (css) -> behavior (javascript)
  • english: get all the p elements lolcat: i can has p elements?
  • CSS #foo p { } DOM document. getElementbyID("foo"). getElementsbyTagName ("p")
  • think in english, then translate.
  • keep things simple, avoid touching css markup.
Being vigilant
  • Consistency. Resisting inline styles.
  • Avoid the "#"!
  • for subcategories/elements
Behave
  • Ajax "Communicating with the server without refreshing the whole page." xmlhttprequest.
  • "Hijax" applying progressive enhancement to html requests.
  • Intercept "hijack" links. Pass the xmlhttprequest, which passes data to server and back to document.
  • Server does the hard work.
  • Challenge isn't in the code. Challenges are in design.
  • Beyond the browser: What's happening (progress bar)? What happened? The back button. Bookmarking.

0 comments: