Closing keynote of the Fronteers conference in Amsterdam. Blog notes are available at http://www.wait-till-i.com/2011/10/07/the-prestige-of-being-a-web-developer-fronteers-11

1. The prestige of being a
web developer.
Christian Heilmann, Fronteers, Amsterdam, October 2011

2. 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/

3. A W E S O M E!

6. how do magic tricks
work?

7. three parts to any
magic trick.

8. 1 - The Pledge

9. 2 - The Turn

10. 3 - The Prestige

11. “I use Google mostly. Is
that a mac?”

12. Native 3D sound in pure
CSS with fallback for IE6!

13. +1 that like and a RT on
that!

14. Most inspiring talk ever!

16. How do good
magicians work?

17. Reuse and improve

18. <button> vs. <div class="clicky">
if ( test ) { apply(); }

19. In the old days...
Behaviour
HTML
Presentation
Structure

20. DHTML days (1)
Behaviour
JS
Presentation
HTML
Structure
JS

21. DHTML days (2)
Behaviour
CSS
Presentation
JS
HTML
Structure

22. The gospel (according to Zeldman)
Behaviour
JS
CSS
Presentation
HTML
Structure

23. The now...
Behaviour
SS
JS
C
ntation
Prese
Structure
HTML

24. approach.refresh();

25. Learn from others

27. NIN = good
N
NIH = BAD!

28. Be inventive

31. Leaving the comfort
zone

32. !desktop

34. Can haz Flash info plz?

35. Be gorgeous!

37. code = poetry

38. Be open

39. http://www.flickr.com/photos/secretlondon/4054117626/

41. adaptation brings the prestige

44. your work, multiplied!

45. "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

46. web workers != stage magicians

47. Something I can never have?

48. Ask questions, demand cool stuff
to adapt to your environments.

49. Don’t be out for blood!

50. Browser makers want the web to
succeed and deliver awesome
experiences.

51. This is what we should be
spending time and money on.

52. Can haz moar
harmony?
http://www.flickr.com/photos/blank22763/6208392005/

54. Being reactive kills innovation.

55. People to trust

56. If you’re on stage, tell the truth.

57. http://www.flickr.com/photos/aoifecitywomanchile/5204950442/

58. Vanishing act

59. Mark == OK?

62. Join the band!

65. Collaboration

70. Be your own teacher

71. code is open, slides are released!

72. Fill the blanks

75. Guerrilla docs

76. !code. Examples + Docs = :)

77. OHAI -webkit,
here’s -moz, -o, -ms, !-

78. Use what you heard!

79. "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

80. Repeat the message!

81. Your boss will love you!

82. Collect good stories

83. Best practices are
discovered, not
defined!

84. Bring us evidence!

85. Reserved for you

86. Thanks!
Chris Heilmann
@codepo8