Reasons to be cheerful




                               Chris&an Heilmann
              Fronteers, Amsterdam, October 20...
Dammit, I’m mad!
is
Dammit, I’m mad!
spelled
backwards.
Being someone who
builds for the web is
awesome!
Sure, we got things
to complain about.
And we harp on and
on about them.
http://mrdoob.com/lab/javascript/effects/ie6/
But if we really look
at it a lot of our
grief is home-made.
The web is an
amazing platform to
work for.
We can work cross-
platform without
building different
binaries!
The technologies to
build stuff with are
pretty easy to learn.
And massively
documented!
And massively
documented!

   http://dev.opera.com/articles/wsc/
http://interact.webstandards.org/
http://diveintohtml5.org/
http://developer.mozilla.org
http://yuiblog.com/crockford/
http://developer-evangelism.com
Seriously, if you
spend a few hours
online you can learn
the lot!
And you have up-to-
date knowledge
instead of a
certificate.
Back when I started
this was different.
The main source of
knowledge was
view-source.
This is not needed
any more!
The main skill over
the years was to
know how browsers
failed and how to
work around that.
You can still work
that way, but
actually not even
this is needed any
longer.
Libraries fix
browsers!
CSS libraries help
you create
predictable layouts.
Detection libraries
allow you to build
with progressive
enhancement.
The whole market is
shifting.
Browser vendors
listen to standards
bodies and
grassroots
movements.
Our standards bodies
can be influenced
Try to find another
market where that
is possible...
Which leads me to
working
environments.
We have good work
environments.
This is partly
because of outside
help.
Mainstream media
recognises us.
The Internet is part
of daily life.
For years we’ve
suffered from not
having a real place
in HR policies and in
job hierarchies.
It is time not to care
what people call us
➡   Screen Designer
➡   Web Designer
➡   HTML Programmer
➡   HTML Monkey
➡   Web Developer
➡   Lead Web Developer
➡   Head...
I build stuff for
=
  the internet!
Companies have no
clue what web
development is.
No need to fight
internal red tape.
If you don’t like
your job - leave it.
If you want to talk
about your job
situation and your
boss doesn’t have
time for you...
Wear a suit for the
day and leave on
time for a change.
You will soon get an
email invite or call
or visit from your
boss after that.
As “web developers”
we need to get our
kicks in other ways
than through our
companies.
Here’s three of them.
Way #1: Improving
the things we care
about on the sly.
Don’t waste your
time fighting
pointless battles.
It something looks
it, people think it is
the real thing.
“Can we use the
company font on
our site?”
Sure!

body{
  “company font”,helvetica,arial,sans-serif;
}
Use newest
technologies and
extras without
asking for support
of them.
Add them with
progressive
enhancement and
nobody needs to
know.
When they hit the
mainstream and
your boss asks
about them, show
them you already
thought of that!
I am very sure that
most of innovation
on the web is put in
without requests
from above.
You can show them
to others and make
them appear
magically as a viral!
Way #2: Innovating
from the outside in.
If you can’t shine in
your company, shine
outside of it!
Our communication
channels are easy
and our community
is big.
Barcamps, *camps,
meetups,
opencoffee...
All this stuff is free
and a chance to
network and get
known.
Having own ideas
and tastes is
welcome!
http://procssor.com/
There can be
misunderstandings.
!important
http://www.alistapart.com/articles/
       javascriptreplacement/
The rest is history!
Different
perspectives are
welcome
Releasing and
allowing people to
change things is
awesome.
Creative Commons
and Open Source
are your ticket to
fame!
Sharing is common
in our market.
Take cool stuff and
build on it!
You could
be the
one to
add the
piece to
make it
tasty!
http://icant.co.uk/articles/seven-rules-of-
unobtrusive-javascript/
http://www.zhuoqun.net/html/y2008/1103.html
You want to write
cool stuff - not fix it
for all edge cases.
What you can’t fix,
someone else will.
Things you don’t
want to add - other
people can.
Code is not a fixed
physical state.
And this is why my
message with my
code is...
If you
don’t like
my code,
fork off!
GitHub, Google
Code and all the
other source
repositories is
where your code
should live.
In live products is
where it functions
and delivers.
Way #3: Go improve
the stuff that brings
us a benefit in the
future!
Motivation is not a
problem!
https://esta.cbp.dhs.gov/




Motivation is not a
problem!
https://esta.cbp.dhs.gov/




Motivation is not a
problem!
https://esta.cbp.dhs.gov/
Accessibility is a hot
topic - think silver
surfers and touch
interfaces.
Easy YouTube




 http://www.youtube.com/watch?v=CwsDKaalgq8&
 http://www.youtube.com/watch?v=QiuT0y0KR6I
“   You can leave now - I don’t
    need you any longer to watch
    my videos!
                                   “
Security is getting
more and more
important for web
developers.
CSRF vs.
simple
update
buttons
Evercookie
is a wake-
up call.
http://samy.pl/evercookie/
HTML5 and CSS3 are
open to feedback
and need our testing
and reporting.
Build cool, rich
interfaces with
HTML5 - outside of
walled of
environments or in
Flash.
Be part of breaking
old and outdated
conventions.
http://express.davglass.com/
http://www.yuiblog.com/blog/2010/09/29/video-glass-node/
node.js + YUI3 =
Progressive
Enhancement win!
NoSQL
environments
instead of
bottleneck DB
servers.
Local Storage
GeoLocation, Web
Workers, Web
Sockets, SVG and
inline SVG...
But... but... but... I
am only a designer!
“   I am not qualified to make a
    decision on that. The onus is
    on you to educate me deeply
    about this thing th...
Yes, there are
unknown
dangers to be
aware of.
But together we can
tackle them and
clean this mess up!
Let’s get down
to business.
Release your stuff
to the web!
Build with the web!
Get stuff from the
web to build your
stuff with!
Spread the
news about
cool stuff as
far as you can!
Understand that you
don’t need to
convince everybody.
Don’t be a loner.
Say thanks and give
feedback
Understand that we
are on the move!
Don’t stick with
your pet technology
from the past.
It gets easier and
easier for every new
generation.
“   (It seems) we have to wait
    for a generation to die off
    before we get critical mass
    on the next good idea.....
Don’t make the next
generation guess
what we did.
Show the way with
simple pointers.
It is up to us to let
stupid habits die
out and embrace
the future.
Concentrate on
handovers - not on
being the delivery
guy.
Show
pride in
your
work!
With the right
passion and interest
you can be anything
you want in our
market.
Push
yourself
to join
the fun!
Playing
dead will
get you
nowhere.
Christian Heilmann
http://wait-till-i.com        Thanks!
http://developer-evangelism.com
http://twitter.com/codepo8
Reasons to be cheerful - Fronteers 2010
Reasons to be cheerful - Fronteers 2010
Reasons to be cheerful - Fronteers 2010
Reasons to be cheerful - Fronteers 2010
Reasons to be cheerful - Fronteers 2010
Upcoming SlideShare
Loading in...5
×

Reasons to be cheerful - Fronteers 2010

12,790

Published on

My closing talk for this year's Fronteers conference in Amsterdam, the Netherlands about just how cool it is to be someone who builds things for the web.

Published in: Education
9 Comments
36 Likes
Statistics
Notes
No Downloads
Views
Total Views
12,790
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
169
Comments
9
Likes
36
Embeds 0
No embeds

No notes for slide

Transcript of "Reasons to be cheerful - Fronteers 2010"

  1. 1. Reasons to be cheerful Chris&an Heilmann Fronteers, Amsterdam, October 2010
  2. 2. Dammit, I’m mad! is Dammit, I’m mad! spelled backwards.
  3. 3. Being someone who builds for the web is awesome!
  4. 4. Sure, we got things to complain about.
  5. 5. And we harp on and on about them.
  6. 6. http://mrdoob.com/lab/javascript/effects/ie6/
  7. 7. But if we really look at it a lot of our grief is home-made.
  8. 8. The web is an amazing platform to work for.
  9. 9. We can work cross- platform without building different binaries!
  10. 10. The technologies to build stuff with are pretty easy to learn.
  11. 11. And massively documented!
  12. 12. And massively documented! http://dev.opera.com/articles/wsc/
  13. 13. http://interact.webstandards.org/
  14. 14. http://diveintohtml5.org/
  15. 15. http://developer.mozilla.org
  16. 16. http://yuiblog.com/crockford/
  17. 17. http://developer-evangelism.com
  18. 18. Seriously, if you spend a few hours online you can learn the lot!
  19. 19. And you have up-to- date knowledge instead of a certificate.
  20. 20. Back when I started this was different.
  21. 21. The main source of knowledge was view-source.
  22. 22. This is not needed any more!
  23. 23. The main skill over the years was to know how browsers failed and how to work around that.
  24. 24. You can still work that way, but actually not even this is needed any longer.
  25. 25. Libraries fix browsers!
  26. 26. CSS libraries help you create predictable layouts.
  27. 27. Detection libraries allow you to build with progressive enhancement.
  28. 28. The whole market is shifting.
  29. 29. Browser vendors listen to standards bodies and grassroots movements.
  30. 30. Our standards bodies can be influenced
  31. 31. Try to find another market where that is possible...
  32. 32. Which leads me to working environments.
  33. 33. We have good work environments.
  34. 34. This is partly because of outside help.
  35. 35. Mainstream media recognises us.
  36. 36. The Internet is part of daily life.
  37. 37. For years we’ve suffered from not having a real place in HR policies and in job hierarchies.
  38. 38. It is time not to care what people call us
  39. 39. ➡ Screen Designer ➡ Web Designer ➡ HTML Programmer ➡ HTML Monkey ➡ Web Developer ➡ Lead Web Developer ➡ Head of Web Development ➡ Web Developer ➡ Interaction Architect ➡ Front End Architect ➡ Lead Developer Evangelist (International)
  40. 40. I build stuff for = the internet!
  41. 41. Companies have no clue what web development is.
  42. 42. No need to fight internal red tape.
  43. 43. If you don’t like your job - leave it.
  44. 44. If you want to talk about your job situation and your boss doesn’t have time for you...
  45. 45. Wear a suit for the day and leave on time for a change.
  46. 46. You will soon get an email invite or call or visit from your boss after that.
  47. 47. As “web developers” we need to get our kicks in other ways than through our companies.
  48. 48. Here’s three of them.
  49. 49. Way #1: Improving the things we care about on the sly.
  50. 50. Don’t waste your time fighting pointless battles.
  51. 51. It something looks it, people think it is the real thing.
  52. 52. “Can we use the company font on our site?”
  53. 53. Sure! body{ “company font”,helvetica,arial,sans-serif; }
  54. 54. Use newest technologies and extras without asking for support of them.
  55. 55. Add them with progressive enhancement and nobody needs to know.
  56. 56. When they hit the mainstream and your boss asks about them, show them you already thought of that!
  57. 57. I am very sure that most of innovation on the web is put in without requests from above.
  58. 58. You can show them to others and make them appear magically as a viral!
  59. 59. Way #2: Innovating from the outside in.
  60. 60. If you can’t shine in your company, shine outside of it!
  61. 61. Our communication channels are easy and our community is big.
  62. 62. Barcamps, *camps, meetups, opencoffee...
  63. 63. All this stuff is free and a chance to network and get known.
  64. 64. Having own ideas and tastes is welcome!
  65. 65. http://procssor.com/
  66. 66. There can be misunderstandings.
  67. 67. !important
  68. 68. http://www.alistapart.com/articles/ javascriptreplacement/
  69. 69. The rest is history!
  70. 70. Different perspectives are welcome
  71. 71. Releasing and allowing people to change things is awesome.
  72. 72. Creative Commons and Open Source are your ticket to fame!
  73. 73. Sharing is common in our market.
  74. 74. Take cool stuff and build on it!
  75. 75. You could be the one to add the piece to make it tasty!
  76. 76. http://icant.co.uk/articles/seven-rules-of- unobtrusive-javascript/ http://www.zhuoqun.net/html/y2008/1103.html
  77. 77. You want to write cool stuff - not fix it for all edge cases.
  78. 78. What you can’t fix, someone else will.
  79. 79. Things you don’t want to add - other people can.
  80. 80. Code is not a fixed physical state.
  81. 81. And this is why my message with my code is...
  82. 82. If you don’t like my code, fork off!
  83. 83. GitHub, Google Code and all the other source repositories is where your code should live.
  84. 84. In live products is where it functions and delivers.
  85. 85. Way #3: Go improve the stuff that brings us a benefit in the future!
  86. 86. Motivation is not a problem!
  87. 87. https://esta.cbp.dhs.gov/ Motivation is not a problem!
  88. 88. https://esta.cbp.dhs.gov/ Motivation is not a problem!
  89. 89. https://esta.cbp.dhs.gov/
  90. 90. Accessibility is a hot topic - think silver surfers and touch interfaces.
  91. 91. Easy YouTube http://www.youtube.com/watch?v=CwsDKaalgq8& http://www.youtube.com/watch?v=QiuT0y0KR6I
  92. 92. “ You can leave now - I don’t need you any longer to watch my videos! “
  93. 93. Security is getting more and more important for web developers.
  94. 94. CSRF vs. simple update buttons
  95. 95. Evercookie is a wake- up call. http://samy.pl/evercookie/
  96. 96. HTML5 and CSS3 are open to feedback and need our testing and reporting.
  97. 97. Build cool, rich interfaces with HTML5 - outside of walled of environments or in Flash.
  98. 98. Be part of breaking old and outdated conventions.
  99. 99. http://express.davglass.com/
  100. 100. http://www.yuiblog.com/blog/2010/09/29/video-glass-node/
  101. 101. node.js + YUI3 = Progressive Enhancement win!
  102. 102. NoSQL environments instead of bottleneck DB servers.
  103. 103. Local Storage
  104. 104. GeoLocation, Web Workers, Web Sockets, SVG and inline SVG...
  105. 105. But... but... but... I am only a designer!
  106. 106. “ I am not qualified to make a decision on that. The onus is on you to educate me deeply about this thing that I am not even interested in (...) nobody can win that argument! “ Douglas Crockford, Loopage
  107. 107. Yes, there are unknown dangers to be aware of.
  108. 108. But together we can tackle them and clean this mess up!
  109. 109. Let’s get down to business.
  110. 110. Release your stuff to the web!
  111. 111. Build with the web!
  112. 112. Get stuff from the web to build your stuff with!
  113. 113. Spread the news about cool stuff as far as you can!
  114. 114. Understand that you don’t need to convince everybody.
  115. 115. Don’t be a loner.
  116. 116. Say thanks and give feedback
  117. 117. Understand that we are on the move!
  118. 118. Don’t stick with your pet technology from the past.
  119. 119. It gets easier and easier for every new generation.
  120. 120. “ (It seems) we have to wait for a generation to die off before we get critical mass on the next good idea... “ Douglas Crockford, Loopage
  121. 121. Don’t make the next generation guess what we did.
  122. 122. Show the way with simple pointers.
  123. 123. It is up to us to let stupid habits die out and embrace the future.
  124. 124. Concentrate on handovers - not on being the delivery guy.
  125. 125. Show pride in your work!
  126. 126. With the right passion and interest you can be anything you want in our market.
  127. 127. Push yourself to join the fun!
  128. 128. Playing dead will get you nowhere.
  129. 129. Christian Heilmann http://wait-till-i.com Thanks! http://developer-evangelism.com http://twitter.com/codepo8
  1. A particular slide catching your eye?

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

×