1.
Reasons to be cheerful
Chris&an Heilmann
Fronteers, Amsterdam, October 2010

2.
Dammit, I’m mad!
is
Dammit, I’m mad!
spelled
backwards.

3.
Being someone who
builds for the web is
awesome!

4.
Sure, we got things
to complain about.

5.
And we harp on and
on about them.

6.
http://mrdoob.com/lab/javascript/effects/ie6/

7.
But if we really look
at it a lot of our
grief is home-made.

8.
The web is an
amazing platform to
work for.

9.
We can work cross-
platform without
building different
binaries!

10.
The technologies to
build stuff with are
pretty easy to learn.

11.
And massively
documented!

12.
And massively
documented!
http://dev.opera.com/articles/wsc/

13.
http://interact.webstandards.org/

14.
http://diveintohtml5.org/

15.
http://developer.mozilla.org

16.
http://yuiblog.com/crockford/

17.
http://developer-evangelism.com

18.
Seriously, if you
spend a few hours
online you can learn
the lot!

19.
And you have up-to-
date knowledge
instead of a
certificate.

20.
Back when I started
this was different.

21.
The main source of
knowledge was
view-source.

22.
This is not needed
any more!

23.
The main skill over
the years was to
know how browsers
failed and how to
work around that.

24.
You can still work
that way, but
actually not even
this is needed any
longer.

25.
Libraries fix
browsers!

26.
CSS libraries help
you create
predictable layouts.

27.
Detection libraries
allow you to build
with progressive
enhancement.

28.
The whole market is
shifting.

29.
Browser vendors
listen to standards
bodies and
grassroots
movements.

30.
Our standards bodies
can be influenced

31.
Try to find another
market where that
is possible...

32.
Which leads me to
working
environments.

33.
We have good work
environments.

34.
This is partly
because of outside
help.

35.
Mainstream media
recognises us.

36.
The Internet is part
of daily life.

37.
For years we’ve
suffered from not
having a real place
in HR policies and in
job hierarchies.

38.
It is time not to care
what people call us

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.
I build stuff for
=
the internet!

41.
Companies have no
clue what web
development is.

42.
No need to fight
internal red tape.

43.
If you don’t like
your job - leave it.

44.
If you want to talk
about your job
situation and your
boss doesn’t have
time for you...

45.
Wear a suit for the
day and leave on
time for a change.

46.
You will soon get an
email invite or call
or visit from your
boss after that.

47.
As “web developers”
we need to get our
kicks in other ways
than through our
companies.

48.
Here’s three of them.

49.
Way #1: Improving
the things we care
about on the sly.

50.
Don’t waste your
time fighting
pointless battles.

51.
It something looks
it, people think it is
the real thing.

52.
“Can we use the
company font on
our site?”

53.
Sure!
body{
“company font”,helvetica,arial,sans-serif;
}

54.
Use newest
technologies and
extras without
asking for support
of them.

55.
Add them with
progressive
enhancement and
nobody needs to
know.

56.
When they hit the
mainstream and
your boss asks
about them, show
them you already
thought of that!

57.
I am very sure that
most of innovation
on the web is put in
without requests
from above.

58.
You can show them
to others and make
them appear
magically as a viral!

59.
Way #2: Innovating
from the outside in.

60.
If you can’t shine in
your company, shine
outside of it!

61.
Our communication
channels are easy
and our community
is big.

62.
Barcamps, *camps,
meetups,
opencoffee...

63.
All this stuff is free
and a chance to
network and get
known.

64.
Having own ideas
and tastes is
welcome!

65.
http://procssor.com/

66.
There can be
misunderstandings.

67.
!important

68.
http://www.alistapart.com/articles/
javascriptreplacement/

69.
The rest is history!

70.
Different
perspectives are
welcome

71.
Releasing and
allowing people to
change things is
awesome.

72.
Creative Commons
and Open Source
are your ticket to
fame!

73.
Sharing is common
in our market.

74.
Take cool stuff and
build on it!

75.
You could
be the
one to
add the
piece to
make it
tasty!

76.
http://icant.co.uk/articles/seven-rules-of-
unobtrusive-javascript/
http://www.zhuoqun.net/html/y2008/1103.html

77.
You want to write
cool stuff - not fix it
for all edge cases.

78.
What you can’t fix,
someone else will.

79.
Things you don’t
want to add - other
people can.

80.
Code is not a fixed
physical state.

81.
And this is why my
message with my
code is...

82.
If you
don’t like
my code,
fork off!

83.
GitHub, Google
Code and all the
other source
repositories is
where your code
should live.

84.
In live products is
where it functions
and delivers.

85.
Way #3: Go improve
the stuff that brings
us a benefit in the
future!

86.
Motivation is not a
problem!

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

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

89.
https://esta.cbp.dhs.gov/

90.
Accessibility is a hot
topic - think silver
surfers and touch
interfaces.

91.
Easy YouTube
http://www.youtube.com/watch?v=CwsDKaalgq8&
http://www.youtube.com/watch?v=QiuT0y0KR6I

92.
“ You can leave now - I don’t
need you any longer to watch
my videos!
“

93.
Security is getting
more and more
important for web
developers.

94.
CSRF vs.
simple
update
buttons

95.
Evercookie
is a wake-
up call.
http://samy.pl/evercookie/

96.
HTML5 and CSS3 are
open to feedback
and need our testing
and reporting.

97.
Build cool, rich
interfaces with
HTML5 - outside of
walled of
environments or in
Flash.

98.
Be part of breaking
old and outdated
conventions.

99.
http://express.davglass.com/

100.
http://www.yuiblog.com/blog/2010/09/29/video-glass-node/

101.
node.js + YUI3 =
Progressive
Enhancement win!

102.
NoSQL
environments
instead of
bottleneck DB
servers.

103.
Local Storage

104.
GeoLocation, Web
Workers, Web
Sockets, SVG and
inline SVG...

105.
But... but... but... I
am only a designer!

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.
Yes, there are
unknown
dangers to be
aware of.

108.
But together we can
tackle them and
clean this mess up!

109.
Let’s get down
to business.

110.
Release your stuff
to the web!

111.
Build with the web!

112.
Get stuff from the
web to build your
stuff with!

113.
Spread the
news about
cool stuff as
far as you can!

114.
Understand that you
don’t need to
convince everybody.

115.
Don’t be a loner.

116.
Say thanks and give
feedback

117.
Understand that we
are on the move!

118.
Don’t stick with
your pet technology
from the past.

119.
It gets easier and
easier for every new
generation.

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.
Don’t make the next
generation guess
what we did.

122.
Show the way with
simple pointers.

123.
It is up to us to let
stupid habits die
out and embrace
the future.

124.
Concentrate on
handovers - not on
being the delivery
guy.

125.
Show
pride in
your
work!

126.
With the right
passion and interest
you can be anything
you want in our
market.

127.
Push
yourself
to join
the fun!

128.
Playing
dead will
get you
nowhere.

129.
Christian Heilmann
http://wait-till-i.com Thanks!
http://developer-evangelism.com
http://twitter.com/codepo8