web-development-the-next-five-years-1202041282495916-4.pdf

Web Development: The Next 5 Years Introduction John Sutherland /john/ The talk • It’s all about the future •Silverlight, AIR both failed to take off •The browser isn’t going anywhere •And open standards are the way forward The talk (2) • Interested in too many things • Loads of talk ideas •A few frontend, a few backend • Nothing I thought would be > 5 minutes •So ... 5 small topics = 30 minutes The topics •XHTML 2.0 & HTML 5 •CSS 3.0 • ECMAScript 4 (JavaScript 2) •WTF is CouchDB? •WTF is Comet? (the money-shot) Talk slower! XHTML 2.0 & HTML 5 X2: What’s cool? • No more shitty tags: acronym, b, i, tt, font, basefont, big, small, or iframe •Sections and headers: section and h •Any thing can be a link with @href •The new navigation list, nl X2: What’s not cool? • h1-h6 remain despite section and h •a and img are still around •The lengthy and closed W3C process H5: What’s cool? •The new m element (for marked/ highlighted) • input@type is now on speed •The process is more open than XHTML 2 H5: What’s not cool? •font returns‽ • Predefined @class names •Continued support for b, i, iframe, small & co. More /en/future/x-html-5-versus-xhtml-2/ CSS 3.0 It’s going to rock • Multiple background images • Box shadows • Multi-column layout • Hot-ass attribute & pseudo selectors • Media queries •Advanced layout Multiple backgrounds #content { background: url(top_center.png) repeat-x top url(top_left.png) no-repeat left top url(top_right.png) no-repeat right top; } Advanced Layout body { display: “abb” “cbb” } #branding { position: a; } #interest { position: b; } #navigation { position: c; } Some of it works now! • :target pseudo selector in FF & Safari • text-shadow pro