finding harmony in web development
DESCRIPTION
A presentation questioning why we keep fighting the same fights as web developers when there are a lot more important things to worry about.TRANSCRIPT
![Page 1: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/1.jpg)
Finding harmony in web development
Chris Heilmann - London Web Meetup, February 2011
![Page 2: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/2.jpg)
You are in a strangeplace.
To the west is a rock, to the east is a hard place, to the north is the Devil and the south is the Deep Blue Sea.
Command:_
![Page 3: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/3.jpg)
A world of mixed messages
![Page 4: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/4.jpg)
A world of constant disagreement and overly quick and harsh responses.
![Page 5: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/5.jpg)
Let’s take a current hot topic...
![Page 6: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/6.jpg)
http://twitter.com/#!/codepo8
http://twitter.com/codepo8
vs.
![Page 7: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/7.jpg)
Erase and rewind.
![Page 8: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/8.jpg)
Text text text link text text text link
text
Text text text text link text link text
Text text text link text text text link
text
load
Document Document
load
Document
Basic Hypertext model:
![Page 9: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/9.jpg)
Frames!
![Page 10: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/10.jpg)
100% Flash Sites
![Page 11: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/11.jpg)
AJAX!
![Page 12: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/12.jpg)
Fragments vs. documents.
![Page 13: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/13.jpg)
Load on demand vs. massive documents.
![Page 14: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/14.jpg)
Application state vs. fragments.
![Page 15: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/15.jpg)
Breaking stuff...
![Page 16: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/16.jpg)
★Back button
★Browser history
★Bookmarks
★Deep links / Crawlability
![Page 17: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/17.jpg)
Actions are applicable in a certain environment.
![Page 18: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/18.jpg)
★Back button
★Browser history
Web sites
★Bookmarks
★Deep links / Crawlability
![Page 19: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/19.jpg)
★Back button
★Browser history
Web applications
★Bookmarks
★Deep links / Crawlabilityhttps://heatmap.mozillalabs.com/mozmetrics/
![Page 20: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/20.jpg)
http://www.flickr.com/photos/artonice/4599768501/
You miss all SEO benefits!
![Page 21: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/21.jpg)
Standards to the rescue...
http://www.w3.org/TR/html5/author/history.html
![Page 22: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/22.jpg)
Scripts to the rescue...
![Page 23: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/23.jpg)
![Page 24: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/24.jpg)
Web
Sit
e
Ap
plic
atio
n
Identity crisis...
![Page 25: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/25.jpg)
Religious debates
![Page 26: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/26.jpg)
Saving the long web!
![Page 27: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/27.jpg)
http://178.63.252.42
![Page 28: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/28.jpg)
Brokenlinks are broken promises
![Page 29: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/29.jpg)
72165041
![Page 30: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/30.jpg)
Web vs. Contracts
![Page 31: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/31.jpg)
![Page 32: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/32.jpg)
Corporate shortsightedness?
![Page 33: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/33.jpg)
http://icant.co.uk/csstablegallery
1012005-2010
![Page 34: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/34.jpg)
http://icant.co.uk/csstablegallery/tables/2.php
67
![Page 35: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/35.jpg)
Show love to your links, but don’t kid yourself and others - there is no “long web”.
![Page 36: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/36.jpg)
Web vs. Realtime Web
![Page 39: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/39.jpg)
Links and resources are great, but knowing people and having a network gets you somewhere!
![Page 40: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/40.jpg)
Best practices are timeless!
![Page 41: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/41.jpg)
The holy trinity according to the book of Zeldman.
Structure (HTML)
Presentation(CSS)
Behaviour(JavaScript)
![Page 42: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/42.jpg)
The reality according to people you ask these days.
Some HTML Placeholder stuff
CSS - created with a meta language asit lacks variables and stuff.
JavaScriptlibraries,
polyfills, templating languages and “real
languages” translated to JS.
![Page 43: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/43.jpg)
Of course depending on what they do...
clean HTML from Expression Engine or Wordpress.
CSS OMFG!!!! CSS3Transition and Animationand Shadows and fonts!
OMG OMG OMG!
jQuery!
![Page 44: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/44.jpg)
We tend to define tech by how we use it rather than what it is meant to do.
![Page 45: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/45.jpg)
This yields a plethora of different definitions.
![Page 46: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/46.jpg)
★ JavaScript’s bitch (empty elements, links pointing nowhere, content to show and hide)
★ A static database (microformats, semantics of awesome)
★ The thing Google loves
★ The end result of using real languages on the server.
★ Outdated
What is HTML?
![Page 47: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/47.jpg)
★ Something to style and animate with - really the thing that makes the web interesting.
★ Something to simulate layouts with and hope they work.
★ Not good enough - it needs variables and constants and mixins and all the other cool thing real languages have.
★ Broken
What is CSS?
![Page 48: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/48.jpg)
★ The predecessor to jQuery.
★ Dangerous - use noscript.
★ Awesome, use it with node.js to see why it rocks.
★ Too hard to learn.
★ Broken. Time to use LUA/Python/Ruby/Coffescript instead.
★ The thing Crockford understands.
What is JavaScript?
![Page 49: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/49.jpg)
Time for a more flexible approach it seems.
![Page 50: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/50.jpg)
Agile and small one-size-fits-all solutions are the future.
![Page 51: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/51.jpg)
jQuery.com - 2006
![Page 52: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/52.jpg)
There’s a plugin for that!
![Page 53: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/53.jpg)
Lots of small, very clever solutions adding up...
http://www.flickr.com/photos/wheatfields/3026491551/
![Page 54: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/54.jpg)
Is modularity extra complexity?
![Page 55: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/55.jpg)
shrtr = btr!
![Page 56: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/56.jpg)
B=(function x(){})[-5]=='x'?'FF3':(function x(){})[-6]=='x'?'FF2':/a/[-1]=='a'?'FF':'\v'=='v'?'IE':/a/.__proto__=='//'?'Saf':/s/.test(/a/.toString)?'Chr':/^function \(/.test([].sort)?'Op':'Unknown';
“Clearly code quality is not important to you, or you would not be demanding your right to write incompetent crap.”
Douglas Crockford
![Page 57: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/57.jpg)
<!doctype html><html lang=en><head><meta charset=utf-8><title>blah</title></head><body><p>I'm the content</p></body></html>
![Page 60: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/60.jpg)
Web content is a mix of different technologies to make them work and display correctly...
![Page 61: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/61.jpg)
Showing them off separately paints a wrong image!
![Page 62: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/62.jpg)
Getting it out the door as quickly as possible - reiterate and fix later.
http://www.flickr.com/photos/artonice/4599768501/
![Page 63: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/63.jpg)
Abstracting problems into new languages and preprocessing.
![Page 64: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/64.jpg)
Unknown overheads:
★ Portability.★ Training of all involved.★ Explanation of abstraction layers for
maintainers.★ Performance impact (can the client/
server handle it?).★ Impact on UX/PM.
![Page 65: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/65.jpg)
Another flaw in the human character is that everybody wants to build and nobody wants to do maintenance.
Kurt Vonnegut, Hocus Pocus
![Page 66: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/66.jpg)
The community knows best.
http://tools.ietf.org/html/rfc2795
![Page 67: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/67.jpg)
“If you animate things, do it in CSS! CSS transitions and animations are are faster as they are hardware accelerated and people don’t need to learn JavaScript!”
![Page 68: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/68.jpg)
“Using a Mac is the best thing you can do right now, but be careful as everything is faster and looks much smoother there! Test in a VM, too!”
![Page 69: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/69.jpg)
“Chrome is currently the fastest browser -‐ no point in using any other if you want to build things fast.”
![Page 70: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/70.jpg)
https://developers.facebook.com/blog/post/460
![Page 71: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/71.jpg)
https://developers.facebook.com/blog/post/460
On desktops, using CSS transitions for motion or CSS keyframes for animations were slower than simply using JavaScript for these tasks. Worse, they often generated noisy framerates, so they are not a good solution for games in desktop browsers.
![Page 72: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/72.jpg)
![Page 73: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/73.jpg)
Sentiment vs. research
http://twitter.com/tomcopy/statuses/36378510465433600
![Page 74: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/74.jpg)
Bring on the hyperboles!
![Page 75: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/75.jpg)
![Page 76: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/76.jpg)
SEO techniques - anything to stand out.
![Page 77: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/77.jpg)
(...)
![Page 78: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/78.jpg)
![Page 79: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/79.jpg)
Are we really that broken as a media that experts need to resort to tricks to lure us to content?
![Page 80: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/80.jpg)
![Page 81: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/81.jpg)
All this sensationalism doesn’t get us anywhere...
![Page 82: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/82.jpg)
So many theories, so many prophecies. What we need now is a change of ideas!
![Page 83: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/83.jpg)
I am worried about the internet right now.
![Page 84: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/84.jpg)
From read/write web to consumption media.
![Page 85: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/85.jpg)
Net neutrality? Censorship and government control?
![Page 86: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/86.jpg)
I am worried about lock-in to certain systems.
![Page 87: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/87.jpg)
Formal education vs. needs of the market.
![Page 88: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/88.jpg)
We believe that the web is more cared for than owned.
![Page 89: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/89.jpg)
We are the people who make the web work - we should have fun doing it!
![Page 90: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/90.jpg)
First up: Chill the f*ck out!
![Page 91: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/91.jpg)
Stop yourself from spouting truisms and do some reflection.
![Page 92: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/92.jpg)
Encouraging discussion and explaining your POV is a great way towards finding solutions.
![Page 93: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/93.jpg)
![Page 94: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/94.jpg)
![Page 95: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/95.jpg)
Context is king!
![Page 96: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/96.jpg)
There is no such thing as a perfect web product that meets all needs of the web audience.
![Page 97: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/97.jpg)
Explaining the context of a product makes sure people don’t measure it with the wrong values...
![Page 98: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/98.jpg)
...or implement it where it doesn’t fit.
![Page 99: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/99.jpg)
Let’s move from showcases to case studies.
![Page 100: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/100.jpg)
We have inspiration overload and a lack of real implementations.
![Page 101: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/101.jpg)
The main market we work for needs to get a push to move on.
![Page 102: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/102.jpg)
Let’s focus on the future and apply something I call “web euthanasia”.
![Page 103: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/103.jpg)
Redirect old and outdated tutorials to new and maintained resources!
![Page 104: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/104.jpg)
Offer a basic, working experience for legacy browsers - not more, not less.
![Page 105: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/105.jpg)
Simulating new tech with old platforms means we also need to test with them - wasting time!
![Page 106: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/106.jpg)
Let’s take ownership of the web our jobs are dependent on!
![Page 107: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/107.jpg)
http://jsconfeu.blip.tv/file/4234500/
![Page 108: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/108.jpg)
Question authority
![Page 109: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/109.jpg)
Our job is to make the web of tomorrow better than the web of today.
![Page 110: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/110.jpg)
This means we need to let go of some old ideas and be flexible.
![Page 111: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/111.jpg)
It also means to concentrate on our outcome, not our ego.
![Page 112: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/112.jpg)
So instead of creating a lot of soon-to-be outdated “look what I did” posts, let’s collaborate.
![Page 117: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/117.jpg)
Go where people are who build for the web, but aren’t where we normally go (conferences, meetups)
![Page 120: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/120.jpg)
Everyone of you has something to contribute.
![Page 121: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/121.jpg)
Tell others, work together and build *real* products!
![Page 122: Finding harmony in web development](https://reader033.vdocuments.mx/reader033/viewer/2022060107/55495655b4c905e94e8b4e5c/html5/thumbnails/122.jpg)
Thanks!
Chris Heilmann@codepo8#mozilla#html5/freenet