The prestige of being a web 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 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/

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 pure CSS 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

Presentation

Structure

HTM

L

DHTML days (1)

Behaviour

Presentation

Structure

HTM

L

JSJS

DHTML days (2)

Behaviour

Presentation

Structure

JSCSS

HTM

L

The gospel (according to Zeldman)

Behaviour

Presentation

Structure

JS

CSS

HTM

L

The now...Behaviour

Presentation

Structure

JSCSS

HTM

L

approach.refresh();

Learn from others

NIN = goodNIH = BAD!

N

Be inventive

Leaving the comfort zone

!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 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

web workers != stage magicians

Something I can never have?

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

Don’t be out for blood!

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

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

http://www.flickr.com/photos/blank22763/6208392005/

Can haz moar harmony?

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 don't want to use them as they look dated"

-- Molly Holzschlag

Repeat the message!

Your boss will love you!

Collect good stories

Best practices are discovered, not defined!

Bring us evidence!

Reserved for you

Thanks!Chris Heilmann

@codepo8