Dr. Strangelove or: How I Learned to Stop Worrying and Love HTML, CSS...
summary
Builds a Rails 2.3 sample app on GitHub called dr Strangelove and shows concrete techniques that survive legacy browsers and scale. Uses microformats (hcard hmedia XOXO) and the mofo gem to make markup machine readable, validates HTML5 but falls back to HTML4 for IE6 support, and favors graceful degradation over JS hacks. Demonstrates resourceful views via reusable partials and DOM_ID helpers, develops in WebKit first with quirksmode and caniuse checks, namespaces JS with named closures, and ships concatenated assets; includes an AJAX add/remove tag widget that actually works.
AI-written summary · about
chapters (31)
- 0:00Intro
- 2:35Pop Quiz
- 3:15Fake Application
- 3:42Dr Strangelove
- 4:10Love Story
- 4:26Why Care
- 5:06Validate Against HTML
- 6:42What is Good HTML
- 9:00ID vs Class
- 10:05Micro formats
- 13:44XOXO Microformat
- 14:10Photo Partial
- 16:04Cat CSS
- 16:27CSS is boring
- 18:55Can I use com
- 19:27CSS frameworks
- 22:10Graceful degradation
- 23:04A trivial example
- 23:34How we do it
- 25:15ObjectOriented Programming
- 26:50ObjectOriented CSS
- 28:06JavaScript
- 28:22Do you need JavaScript
- 29:10Testing with Cucumber
- 29:58Rails JavaScript
- 30:53Named Closures
- 33:07RemoveATag
- 33:51EditATag
- 34:30AddATag
- 35:13Closure
- 36:17Dependencies
related talks
36mRails is Obsolete (But So's Everything Else)
01h 05mHTML: The Good Parts
21m6 degrees of JavaScript on Rails
28mJavaScript + Web Standards II: The Quickening
40mJavaScript in the age of HTML 5 and CSS 3
44mThe HTML Treasure Hunt: from JavaScripter to Front End Superhero in 29 Minutes
57mDo It With Style: Rethinking CSS
35mFrontendless Rails frontend