Entelo - TWIST/TWIST SOFT/TWIST ALTA/TWIST ALTA PRESTIGE RAPID/RAPID PRESTIGE/DECO/DECO PRESTIGE LA
The prestige of being a web developer (no notes)
-
date post
12-Sep-2014 -
Category
Technology
-
view
4.531 -
download
2
description
Transcript of The prestige of being a web developer (no notes)
![Page 1: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/1.jpg)
The prestige of being a web developer.
Christian Heilmann, Fronteers, Amsterdam, October 2011
![Page 2: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/2.jpg)
There is a lot of talk about HTML5 and when you look at the demos
showing what it can do we are faced with a lot of interactive videos and 3D animations. HTML5 however
means much more than that - it turns web technologies into a real
application environment and in this talk Chris Heilmann of Mozilla will show you how your backend code can benefit greatly from the new
features modern browsers offer us.
http://www.imdb.com/title/tt0482571/
![Page 3: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/3.jpg)
A W E S O M E!
![Page 4: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/4.jpg)
![Page 5: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/5.jpg)
![Page 6: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/6.jpg)
how do magic tricks work?
![Page 7: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/7.jpg)
three parts to any magic trick.
![Page 8: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/8.jpg)
1 - The Pledge
![Page 9: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/9.jpg)
2 - The Turn
![Page 10: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/10.jpg)
3 - The Prestige
![Page 11: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/11.jpg)
“I use Google mostly. Is that a mac?”
![Page 12: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/12.jpg)
Native 3D sound in pure CSS with fallback for IE6!
![Page 13: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/13.jpg)
+1 that like and a RT on that!
![Page 14: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/14.jpg)
Most inspiring talk ever!
![Page 15: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/15.jpg)
![Page 16: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/16.jpg)
How do goodmagicians work?
![Page 17: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/17.jpg)
Reuse and improve
![Page 18: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/18.jpg)
<button> vs. <div class="clicky">
if ( test ) { apply(); }
![Page 19: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/19.jpg)
In the old days...
Behaviour
Presentation
Structure
HTM
L
![Page 20: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/20.jpg)
DHTML days (1)
Behaviour
Presentation
Structure
HTM
L
JSJS
![Page 21: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/21.jpg)
DHTML days (2)
Behaviour
Presentation
Structure
JSCSS
HTM
L
![Page 22: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/22.jpg)
The gospel (according to Zeldman)
Behaviour
Presentation
Structure
JS
CSS
HTM
L
![Page 23: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/23.jpg)
The now...Behaviour
Presentation
Structure
JSCSS
HTM
L
![Page 24: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/24.jpg)
approach.refresh();
![Page 25: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/25.jpg)
Learn from others
![Page 26: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/26.jpg)
![Page 27: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/27.jpg)
NIN = goodNIH = BAD!
N
![Page 28: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/28.jpg)
Be inventive
![Page 29: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/29.jpg)
![Page 30: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/30.jpg)
![Page 31: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/31.jpg)
Leaving the comfort zone
![Page 32: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/32.jpg)
!desktop
![Page 33: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/33.jpg)
![Page 34: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/34.jpg)
Can haz Flash info plz?
![Page 35: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/35.jpg)
Be gorgeous!
![Page 36: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/36.jpg)
![Page 37: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/37.jpg)
code = poetry
![Page 38: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/38.jpg)
Be open
![Page 39: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/39.jpg)
http://www.flickr.com/photos/secretlondon/4054117626/
![Page 40: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/40.jpg)
![Page 41: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/41.jpg)
adaptation brings the prestige
![Page 42: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/42.jpg)
![Page 43: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/43.jpg)
![Page 44: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/44.jpg)
your work, multiplied!
![Page 45: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/45.jpg)
"I was a young man with uninformed ideas. I threw out queries, suggestions, wondering all the time over everything; and to my astonishment the ideas took like wildfire"
Charles Darwin
![Page 46: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/46.jpg)
web workers != stage magicians
![Page 47: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/47.jpg)
Something I can never have?
![Page 48: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/48.jpg)
Ask questions, demand cool stuff to adapt to your environments.
![Page 49: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/49.jpg)
Don’t be out for blood!
![Page 50: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/50.jpg)
Browser makers want the web to succeed and deliver awesome experiences.
![Page 51: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/51.jpg)
This is what we should be spending time and money on.
![Page 52: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/52.jpg)
http://www.flickr.com/photos/blank22763/6208392005/
Can haz moar harmony?
![Page 53: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/53.jpg)
![Page 54: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/54.jpg)
Being reactive kills innovation.
![Page 55: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/55.jpg)
People to trust
![Page 56: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/56.jpg)
If you’re on stage, tell the truth.
![Page 57: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/57.jpg)
http://www.flickr.com/photos/aoifecitywomanchile/5204950442/
![Page 58: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/58.jpg)
Vanishing act
![Page 59: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/59.jpg)
Mark == OK?
![Page 60: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/60.jpg)
![Page 61: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/61.jpg)
![Page 62: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/62.jpg)
Join the band!
![Page 63: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/63.jpg)
![Page 64: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/64.jpg)
![Page 65: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/65.jpg)
Collaboration
![Page 66: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/66.jpg)
![Page 67: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/67.jpg)
![Page 68: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/68.jpg)
![Page 69: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/69.jpg)
![Page 70: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/70.jpg)
Be your own teacher
![Page 71: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/71.jpg)
code is open, slides are released!
![Page 72: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/72.jpg)
Fill the blanks
![Page 73: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/73.jpg)
![Page 74: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/74.jpg)
![Page 75: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/75.jpg)
Guerrilla docs
![Page 76: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/76.jpg)
!code. Examples + Docs = :)
![Page 77: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/77.jpg)
OHAI -webkit, here’s -moz, -o, -ms, !-
![Page 78: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/78.jpg)
Use what you heard!
![Page 79: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/79.jpg)
"Now that we spent 4 years making rounded corners working in every browser designers don't want to use them as they look dated"
-- Molly Holzschlag
![Page 80: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/80.jpg)
Repeat the message!
![Page 81: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/81.jpg)
Your boss will love you!
![Page 82: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/82.jpg)
Collect good stories
![Page 83: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/83.jpg)
Best practices are discovered, not defined!
![Page 84: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/84.jpg)
Bring us evidence!
![Page 85: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/85.jpg)
Reserved for you
![Page 86: The prestige of being a web developer (no notes)](https://reader034.fdocuments.us/reader034/viewer/2022051411/5412ee198d7f72314e8b4767/html5/thumbnails/86.jpg)
Thanks!Chris Heilmann
@codepo8