travailler dans le présent - chris heilmann - paris web 2008
DESCRIPTION
Dans cette présentation, Chris Heilmann nous parlera des problèmes liés à l'adoption de standards du web récents, et décrira des façons de contourner ces difficultés. Un exemple simple est le manque de prise en charge native de l'audio et de la vidéo, et les problèmes des implémentations actuelles.La session illustrera concrètement comment régler des problèmes a priori sans solution en les attaquant sous un autre angle. Il s'agit essentiellement de trouver une façon pragmatique de vendre, implémenter et utiliser les standards plutôt que d'attendre que le marché adopte des technologies dont l'utilisation devrait être d'une évidence complète.Présentation originale : http://www.slideshare.net/cheilmann/working-in-the-now-presentation/TRANSCRIPT
![Page 1: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/1.jpg)
Working in the now
Christian Heilmann, Paris Web, Paris, 2008
http://scriptingenabled.org | http://wait-till-i.com | http://twitter.com/codepo8
http://chrisheilmann.s3.amazonaws.com/working-in-the-now.pdf
![Page 2: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/2.jpg)
ParisWeb2007: La grève
![Page 3: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/3.jpg)
However, it had positive results, too.
![Page 4: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/4.jpg)
http://flickr.com/photos/patolucas/2858777485/http://www.flickr.com/photos/mimi5/2038988511/
![Page 5: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/5.jpg)
I am also sorry that my French hasn’t improved
much.
![Page 6: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/6.jpg)
The web
doesn’t
help there.
![Page 7: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/7.jpg)
Enough of these shenanigans.
![Page 8: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/8.jpg)
Right now we are not working at peak efficiency.
![Page 9: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/9.jpg)
And that is *bleep*ing dangerous.
![Page 10: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/10.jpg)
The market is collapsing.
![Page 11: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/11.jpg)
Everybody is cutting cost.
![Page 12: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/12.jpg)
We’re all going to die!
![Page 13: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/13.jpg)
Culture was the seed of proliferationBut it has gotten melded into an inharmonic wholeConsciousness has plagued us and we can not shake it:Though we think we're in control:Questions that besiege us in lifeAre testament of our helplessnessThere's no vestige of a beginning,No prospect of an endWhen we all disintegrate it will all happen again
Time is so rock solid in the minds of the hordes but they can't:Explain why it should slip away:History and future are the comforts ofOur curiosity but here we are:Rooted in the present day:
If you came to conquer you'll be king for a dayBut you too will deteriorate and quickly fade awayAnd believe these words you hearWhen you think your path is clear
We have no controlWe do not understand
You have no controlYou are not in
command!
![Page 14: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/14.jpg)
So yeah, we might lose our jobs.
![Page 15: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/15.jpg)
But even more importantly...
![Page 16: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/16.jpg)
People that promise fast solutions that punish users
will get our contracts.
![Page 17: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/17.jpg)
This happened after the first .com crash.
(“I remember when this was all fields”)
![Page 18: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/18.jpg)
And lead to a massive market of massive systems...
![Page 19: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/19.jpg)
...that cost a massive amount of money...
![Page 20: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/20.jpg)
... and need a massive amount of training...
![Page 21: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/21.jpg)
...and create suboptimal
results.
![Page 22: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/22.jpg)
So, given that we are the good guys with the master
plan.
![Page 23: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/23.jpg)
What can we do?
![Page 24: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/24.jpg)
Use what we have
![Page 25: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/25.jpg)
Nobody cares about our technologies.
![Page 26: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/26.jpg)
They do care about the systems we build though.
![Page 27: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/27.jpg)
Our focus should be on collecting information about the success of our products...
![Page 28: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/28.jpg)
...built with the “best practices” we promote...
![Page 29: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/29.jpg)
... explained in human (and monetary) terms.
![Page 30: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/30.jpg)
I remember two great examples.
![Page 31: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/31.jpg)
In 2003, Mike Davidson saved ESPN.com 2TB traffic a day by
switching to CSS:http://www.mikeindustries.com/blog/archive/
2003/06/espn-interview
(Thanks to James Craig for this link)
![Page 32: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/32.jpg)
At @media 2005 Douglas Bowman showed the
redesign of several sites from tables to CSS.
![Page 33: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/33.jpg)
Explaining the amount of traffic saved by switching to a
CSS based layout.
![Page 34: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/34.jpg)
He could have shown the numbers.
![Page 35: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/35.jpg)
Instead he showed upper management how many CDs
could be filled with the information they saved each
month.
![Page 36: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/36.jpg)
http://stopdesign.com/present/2004/sydney/beauty/?no=47
![Page 37: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/37.jpg)
What is 329 terabytes - 465000 CDs
![Page 38: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/38.jpg)
These were all sites that were built from scratch.
![Page 39: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/39.jpg)
That is something that happens less and less.
![Page 40: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/40.jpg)
Let’s try to work with CMS vendors to create cleaner, leaner and meaner sites.
![Page 41: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/41.jpg)
Preferably open source ones.
![Page 42: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/42.jpg)
How awesome would it be to have customers ask for some
open source CMS...
![Page 43: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/43.jpg)
...because so many cool sites have been built with it?
![Page 44: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/44.jpg)
We need more easy to grasp explanations built on best
practices.
![Page 45: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/45.jpg)
I’ve created one yesterday:
![Page 46: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/46.jpg)
http://www.shouldiusetablesforlayout.com
![Page 47: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/47.jpg)
Which brings me to a second, very important point.
![Page 48: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/48.jpg)
Use what has already been done for you.
![Page 49: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/49.jpg)
Right now, we are all thinking about saving time and
money.
![Page 50: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/50.jpg)
The easiest way to do this is to re-use and recycle.
![Page 51: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/51.jpg)
If you know where to look, you can build an impressive web product using only third
party code.
![Page 52: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/52.jpg)
Code that has been tested for you with users, on different browsers and platforms and
released for free.
![Page 53: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/53.jpg)
Why don’t we do that?
![Page 54: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/54.jpg)
Because we want to do it ourselves!
![Page 55: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/55.jpg)
Every *beep*ing time, over and over again.
![Page 56: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/56.jpg)
![Page 57: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/57.jpg)
I don’t know where this insecurity or lack of trust
comes from.
![Page 58: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/58.jpg)
But if I learnt one thing in my years as a developer...
![Page 59: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/59.jpg)
...then it is that working
together brings much
better results.
![Page 60: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/60.jpg)
Big words, but what is there that can be used that saves us
money?
![Page 61: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/61.jpg)
Exhibit A:
Design Patterns
![Page 62: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/62.jpg)
On the Yahoo Developer Network you can find
solutions to tasks that users need to fulfill on web sites.
![Page 63: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/63.jpg)
These are based on research with real users and are live
and cross-referenced on Yahoo! sites.
![Page 64: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/64.jpg)
All of them explained in detail and licensed Creative
Commons.
![Page 65: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/65.jpg)
http://developer.yahoo.com/ypatterns
![Page 66: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/66.jpg)
This can be a base of your own interface and
information architecture.
![Page 67: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/67.jpg)
They even come with stencils!
![Page 68: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/68.jpg)
![Page 69: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/69.jpg)
http://developer.yahoo.com/ypatterns/wireframes/
![Page 70: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/70.jpg)
Exhibit B:
CSS Frameworks
![Page 71: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/71.jpg)
Basing your design and layout on an existing CSS
framework means you can build them very fast.
![Page 72: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/72.jpg)
It also means they work across different browsers and
will work for browsers to come.
![Page 73: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/73.jpg)
In terms of maintenance all you need to do is to update
one CSS file.
![Page 74: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/74.jpg)
http://developer.yahoo.com/yui/grids/builder/
![Page 75: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/75.jpg)
There are many others out there: YAML, BluePrint, 960
![Page 76: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/76.jpg)
Pick what suits you best.
![Page 77: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/77.jpg)
Exhibit C:
Performance Tools
![Page 78: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/78.jpg)
Exceptional Performance Tips:http://developer.yahoo.com/performance/
http://www.stevesouders.com/
YSlow: http://developer.yahoo.com/yslow/
Hammerhead: http://stevesouders.com/hammerhead/
![Page 79: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/79.jpg)
And of course smushit.com
![Page 80: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/80.jpg)
![Page 81: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/81.jpg)
![Page 82: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/82.jpg)
![Page 83: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/83.jpg)
![Page 84: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/84.jpg)
![Page 85: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/85.jpg)
Exhibit D:
Complex Page Widgets
![Page 86: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/86.jpg)
What if HTML is not rich enough for your clients?
![Page 87: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/87.jpg)
Almost all *free* and *big* JavaScript libraries come
with widgets that work and are proven in the market.
![Page 88: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/88.jpg)
http://ui.jquery.com/
http://ui.jquery.comhttp://developer.yahoo.com/yui/
![Page 89: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/89.jpg)
http://ui.jquery.com/
http://ui.jquery.com
![Page 90: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/90.jpg)
Exhibit E:
Specialist Search
![Page 91: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/91.jpg)
What if a client asks you to build a specialist search?
![Page 92: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/92.jpg)
You could buy databases and build an interface and get
servers to host and index the search...
![Page 93: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/93.jpg)
Or you could use BOSS.
![Page 94: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/94.jpg)
http://developer.yahoo.com/search/boss/
![Page 95: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/95.jpg)
http://icant.co.uk/sandbox/unsafe.html
![Page 96: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/96.jpg)
How about some success stories and ideas?
![Page 97: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/97.jpg)
Antonia Hyde of United Response needed to build and
accessible video player.
![Page 98: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/98.jpg)
She had several offers from agencies – all of them very
pricey.
![Page 99: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/99.jpg)
So she complained about it at a conference and asked where are good, cheap
developers?
![Page 100: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/100.jpg)
That was me.
![Page 101: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/101.jpg)
Using a free API...
![Page 102: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/102.jpg)
Using a free API.
http://code.google.com/apis/youtube/
![Page 103: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/103.jpg)
...and some hours of work...
![Page 104: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/104.jpg)
...I built Easy YouTube.
![Page 105: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/105.jpg)
Screenshot of Easy YouTube
http://icant.co.uk/easy-youtube/?http://www.youtube.com/watch?v=vkdZmi85gxk
![Page 106: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/106.jpg)
This inspired others to play with the API.
![Page 107: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/107.jpg)
http://www.nihilogic.dk/labs/youtubeannotations/
![Page 108: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/108.jpg)
And again others to build a company on it.
![Page 109: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/109.jpg)
http://www.tubecaption.com/watch?v=jpCPvHJ6p90&vcId=137
![Page 110: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/110.jpg)
And we used the learnings to make our systems better for
everyone.
![Page 111: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/111.jpg)
![Page 112: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/112.jpg)
Another friend of mine works for a University.
![Page 113: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/113.jpg)
His problem is that all videos of theirs need conversion and
captioning.
![Page 114: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/114.jpg)
On a large scale – and they have no people or servers.
![Page 115: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/115.jpg)
So what can be done?
![Page 117: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/117.jpg)
http://developer.amazonwebservices.com/connect/entry.jspa?externalID=691
![Page 118: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/118.jpg)
What about captioning?
![Page 120: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/120.jpg)
CastingWords must be one heck of a big company to
have this turnaround time, right?
![Page 121: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/121.jpg)
No, but they are clever!
![Page 122: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/122.jpg)
https://www.mturk.com/mturk/welcome
![Page 123: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/123.jpg)
We can be as clever.
![Page 124: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/124.jpg)
So don’t waste your time listening to people who talk
theoretically about the cloud and the future.
LeWeb?
![Page 125: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/125.jpg)
But instead use it now and look what is out there before
building it yourself.
![Page 126: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/126.jpg)
If we show people that we work smooth and save
money.
![Page 127: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/127.jpg)
We can get through this crisis *and* change things for the
better.
![Page 128: Travailler dans le présent - Chris Heilmann - Paris Web 2008](https://reader036.vdocuments.mx/reader036/viewer/2022081403/555a7ae7d8b42a98568b49d0/html5/thumbnails/128.jpg)
Christian Heilmann
http://scriptingenabled.org | http://wait-till-i.com
twitter/flickr: codepo8
THANKS!