Compressing 8 hours into 25 minutes
November 18, 2009
FOWD 2009 Highlights
DanCederholmSimpleBits
Dan Cederholm: Progressive Enhancements
Progressive enhancements with CSS3
Don’t wait around for all browsers to support new specifications.
Dan Cederholm: Progressive Enhancements
EXPERIENCE
STYLE
MARKUP
Dan Cederholm: Progressive Enhancements
Highlights1. Enriching form elements
Yahoo is rounding corners on submit buttons
2. RGBAA = Alpha (also awesome?)
3. Drop shadows that don’t hurtBuilt in support eliminates loads of work
Dan Cederholm: Progressive Enhancements
Highlights4. Scaling images on hover
Eliminates need for duplicate images (ex: thumbs)
5. RotationInteresting opportunities for user-feedback
6. Fade effectsReduces need to create separate images
Dan Cederholm: Progressive Enhancements
None of this stuff matters.”
“
IE users: A less polished but not diminished user experience.
News?1. Add some sexy to your standalone
Experimental projects are a good starting spot
2. Today’s 10% = Tomorrow’s 40%Hone your style
3. Break up with FlashE!ects might help us relax our death grip on Flash
Dan Cederholm: Progressive Enhancements
DanielBurkaDigg
Daniel Burka: Digg
Feedback Informing DesignListening. Really listening to your users.
Don’t oversimplify
Feedback can’t simply be grouped into good and bad categories.
Daniel Burka: Digg
Know your audience
If you’re a big organization, this can be tough. Do it anyway.
Daniel Burka: Digg
Feedback:1. Fans2. Haters3. Bug reporters4. Experts5. Niche6. Implicit
Daniel Burka: Digg
Be cautious
Complicated
Awesome
Free consulting
Be cautious
Stats, user-paths
Read between the linesFeedback usually indicates problems, not solutions.
Daniel Burka: Digg
“I need a faster horse.”
Change is frustrating.
Daniel Burka: Digg
Don’t panic
Elliott Jay StocksFreelance
Elliott Jay Stocks
& Get On With ItMore on CSS3
Stop Worrying
madebyelephant
atebits
24ways.org
bornliving.com
jasonsantamaria.com
Matthew Smith - Squared Eye
Elliott Jay Stocks
Don’t worry if you can’t validate.
“
Many new technologies won’t validate because they’re not in the formal specifications.
BillBuxtonMicrosoft
& The Future of Web DesignOn how devices link us to the Web
Display Technology
Bill Buxton: Microsoft
The diversity of web browsers tomorrow will match the diversity of ink browsers today.
“
ink browser=paper
Bill Buxton: Microsoft
Consider your interactions with paper.We're nowhere near being close to being able to reproduce those interactions with browsers.
Bill Buxton: Microsoft
Consistent display in all browsers?
Nope.
Bill Buxton: Microsoft
Blake WhitmanVimeo
Blake Whitman: Vimeo
Designing the Vimeo Community
Actively DesigningCommunity
Design for the users you want.
A space for creators of original video content.
Blake Whitman: Vimeo
Impose the right limits
No “most popular” lists
No “highest rated” videos
Contacts capped at 1,000
Blake Whitman: Vimeo
Lead by example
Staff must use the site
Design for users, yourselves
Blake Whitman: Vimeo
Panel Debate on Content: Short Form vs. Long Form
A debate about consumption and creation of content in long vs. short form.
The Long& Short of It
The debate produced few answers.
Not a shocker.
Panel Debate on Content: Short Form vs. Long Form
Why?1. Form is specific to content-type
2. How long should a video be?
3. Short form introduces long form
4. Editorial and marketing perspectives are very different
Panel Debate on Content: Short Form vs. Long Form
AUTHORITY
Is authority inherent in long form?
How is authority established in short form?
Panel Debate on Content: Short Form vs. Long Form
Molly HolzschlagOpera
Molly Holzschlag: Opera
The Mysterious Future of Markup
XHTML 2KilledHTML 5
HTML 4.01:The last spec
Anyone still use this?
Molly Holzschlag: Opera
XHTML 1.0Bridge between HTML and XML
Strict code formatting
MIME type problems in IE
Molly Holzschlag: Opera
XHTML 2Not backwards compatible
Effective only on a closed system
Molly Holzschlag: Opera
WHAT Working GroupWeb Hypertext Applications Technology Development Group
Molly Holzschlag: Opera
Started in 2004
Non draconian error handling
Highlights1. Forms 2.0
Required attribute will kick ass, for instance
2. New APIsHTML 5 specifies scripting APIs and OTHERS
3. Existing DOM interfaces are betterJavascript will be really helpful here
Molly Holzschlag: Opera
Be careful.
This spec is still evolving.
Molly Holzschlag: Opera
JoshDavisJoshua Davis Studios
Josh Davis: Joshua Davis Studios
SpaceCreating art with technology
Play is important.”
“
Josh Davis: Joshua Davis Studios
If I’m not making mistakes than I’m not really learning anything.”
“
Josh Davis: Joshua Davis Studios
If M.C. Escher were still alive, he’d be a F**kin’ programmer.”
“
Josh Davis: Joshua Davis Studios
http://delicious.com/davidwright/fowd09-ona
http://slideshare.net/davewrightjr
Links:
Slides: