The prestige of being aweb developer.             Christian Heilmann, Fronteers, Amsterdam, October 2011
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 lo...
A   W   E S O M E!
how do magic tricks      work?
three parts to any   magic trick.
1 - The Pledge
2 - The Turn
3 - The Prestige
“I use Google mostly. Is      that a mac?”
Native 3D sound in pureCSS with fallback for IE6!
+1 that like and a RT on           that!
Most inspiring talk ever!
How do goodmagicians work?
Reuse and improve
<button> vs. <div class="clicky">       if ( test ) { apply(); }
In the old days...Behaviour                 HTMLPresentationStructure
DHTML days (1)Behaviour                      JSPresentation               HTMLStructure                      JS
DHTML days (2)Behaviour                      CSSPresentation                            JS               HTMLStructure
The gospel     (according to Zeldman)Behaviour                                              JS                            ...
The now...Behaviour                          SS                               JS                        C       ntation Pr...
approach.refresh();
Learn from others
NIN = good  NNIH = BAD!
Be inventive
Leaving the comfortzone
!desktop
Can haz Flash info plz?
Be gorgeous!
code = poetry
Be open
http://www.flickr.com/photos/secretlondon/4054117626/
adaptation brings the prestige
your work, multiplied!
"I was a young man withuninformed ideas. I threw outqueries, suggestions, wondering allthe time over everything; and tomy ...
web workers != stage magicians
Something I can never have?
Ask questions, demand cool stuffto adapt to your environments.
Don’t be out for blood!
Browser makers want the web tosucceed and deliver awesomeexperiences.
This is what we should bespending time and money on.
Can haz moar   harmony?    http://www.flickr.com/photos/blank22763/6208392005/
Being reactive kills innovation.
People to trust
If you’re on stage, tell the truth.
http://www.flickr.com/photos/aoifecitywomanchile/5204950442/
Vanishing act
Mark == OK?
Join the band!
Collaboration
Be your own teacher
code is open, slides are released!
Fill the blanks
Guerrilla docs
!code. Examples + Docs = :)
OHAI -webkit,here’s -moz, -o, -ms, !-
Use what you heard!
"Now that we spent 4 years making rounded corners working in every browser designers dont want to use them as they look da...
Repeat the message!
Your boss will love you!
Collect good stories
Best practices arediscovered, notdefined!
Bring us evidence!
Reserved for you
Thanks!Chris Heilmann     @codepo8
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
The prestige of being a web developer (no notes)
Upcoming SlideShare
Loading in...5
×

The prestige of being a web developer (no notes)

4,972

Published on

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

Published in: Technology, Design
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,972
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
30
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

The prestige of being a web developer (no notes)

  1. 1. The prestige of being aweb developer. Christian Heilmann, Fronteers, Amsterdam, October 2011
  2. 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. 3. A W E S O M E!
  4. 4. how do magic tricks work?
  5. 5. three parts to any magic trick.
  6. 6. 1 - The Pledge
  7. 7. 2 - The Turn
  8. 8. 3 - The Prestige
  9. 9. “I use Google mostly. Is that a mac?”
  10. 10. Native 3D sound in pureCSS with fallback for IE6!
  11. 11. +1 that like and a RT on that!
  12. 12. Most inspiring talk ever!
  13. 13. How do goodmagicians work?
  14. 14. Reuse and improve
  15. 15. <button> vs. <div class="clicky"> if ( test ) { apply(); }
  16. 16. In the old days...Behaviour HTMLPresentationStructure
  17. 17. DHTML days (1)Behaviour JSPresentation HTMLStructure JS
  18. 18. DHTML days (2)Behaviour CSSPresentation JS HTMLStructure
  19. 19. The gospel (according to Zeldman)Behaviour JS CSSPresentation HTMLStructure
  20. 20. The now...Behaviour SS JS C ntation PreseStructure HTML
  21. 21. approach.refresh();
  22. 22. Learn from others
  23. 23. NIN = good NNIH = BAD!
  24. 24. Be inventive
  25. 25. Leaving the comfortzone
  26. 26. !desktop
  27. 27. Can haz Flash info plz?
  28. 28. Be gorgeous!
  29. 29. code = poetry
  30. 30. Be open
  31. 31. http://www.flickr.com/photos/secretlondon/4054117626/
  32. 32. adaptation brings the prestige
  33. 33. your work, multiplied!
  34. 34. "I was a young man withuninformed ideas. I threw outqueries, suggestions, wondering allthe time over everything; and tomy astonishment the ideas tooklike wildfire" Charles Darwin
  35. 35. web workers != stage magicians
  36. 36. Something I can never have?
  37. 37. Ask questions, demand cool stuffto adapt to your environments.
  38. 38. Don’t be out for blood!
  39. 39. Browser makers want the web tosucceed and deliver awesomeexperiences.
  40. 40. This is what we should bespending time and money on.
  41. 41. Can haz moar harmony? http://www.flickr.com/photos/blank22763/6208392005/
  42. 42. Being reactive kills innovation.
  43. 43. People to trust
  44. 44. If you’re on stage, tell the truth.
  45. 45. http://www.flickr.com/photos/aoifecitywomanchile/5204950442/
  46. 46. Vanishing act
  47. 47. Mark == OK?
  48. 48. Join the band!
  49. 49. Collaboration
  50. 50. Be your own teacher
  51. 51. code is open, slides are released!
  52. 52. Fill the blanks
  53. 53. Guerrilla docs
  54. 54. !code. Examples + Docs = :)
  55. 55. OHAI -webkit,here’s -moz, -o, -ms, !-
  56. 56. Use what you heard!
  57. 57. "Now that we spent 4 years making rounded corners working in every browser designers dont want to use them as they look dated" -- Molly Holzschlag
  58. 58. Repeat the message!
  59. 59. Your boss will love you!
  60. 60. Collect good stories
  61. 61. Best practices arediscovered, notdefined!
  62. 62. Bring us evidence!
  63. 63. Reserved for you
  64. 64. Thanks!Chris Heilmann @codepo8
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×