WebVisions 2010 in review: Part one
Wednesday, May 19, 2010
On Wednesday through Friday, May 19-21, I am attending the WebVisions 2010 conference at the Oregon Convention Center in Portland. Below is a quick overview of the workshop I attended on Wednesday, with links. Many of the slides from these sessions and others are available at SlideShare. See Twitter updates using #wv2010.
(Also see my reviews from WebVisions 2009, WebVisions 2008 and WebVisions 2007.)
HTML5 and CSS3 Workshop – Kimberly Blessing, Christopher Schmitt
(9:00 am to 5:00 pm)
Part 1: HTML5
- HTML5 differences from HTML4
- Is HTML5 Ready Yet?
- Can I Use.com
- Download presentation at kimberlyblessing.com
- It’s not that we can’t use HTML5 in IE, we just can’t style it. HTML5 is ready, but your audience needs JavaScript support.
- <!doctype html> triggers strict mode in all browsers. CMS alert: No whitespace can appear before the doctype. Put <meta charset=”UTF-8″> right after <head> (so it is within the first 512 bytes).
- Sectioning elements allow you to create a new outline within that element.
- Input elements don’t have to be inside form elements; they can just reference them.
- Mark Pilgrim’s Dive Into HTML5 – @diveintomark
- Article is for your content and sections are for thematic groupings of content. Sections don’t have authors, articles have authors.
- Firefox’s error handling of unknown elements in not Draconian like IE. It allows you to use and apply CSS to elements you just made up, while IE ignores unknown elements. Solution: HTML5 Shiv.
- “Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement“
Part 2: Video and email
- handbrake.fr – HandBrake is an open-source, GPL-licensed, multiplatform, multithreaded video transcoder
- diveintohtml5.org/video.html – Mark Pilgrim’s site again
- Campaign Monitor.com: Email Standards Project: “What email clients support CSS3?“
- Video subtitles: jCaps (at github.com) jQuery plugin can use .srt files
- jQTouch.com – jQuery plugin for mobile web development
Part 3: CSS3
- Twitter hashtag: #wvCSS3
- CSS is made up of 50+ CSS3 modules: css3.info
- First opacity.html version: tinyurl.com/2ca97xx
- Final opacity.html version: tinyurl.com/2cak52l
- CSS3 slides: 2010-WebVisions-CSS3.pdf
- CSS3 samples: css3samples.zip
- designlibrary.com – Amazon astore example
- Slide repository: slideshare.net/teleject
- “Multi Column Layout With CSS and JQuery“
- “Introducing the Dreamweaver CS5 HTML5 Pack | Adobe TV“
Interesting alternative (jQuery plugin) to how I’m displaying live tweets on my website: Juitter.
Continue to WebVisions 2010 in review: Part two »
Similar posts that may be of interest: