html5, css3 und javascript für alle

Christian Heilmann / Mozilla

HTML5, CSS3 und JavaScript für alle - ja, auch du!

@codepo8<chris lang="frenglisch"/>

http://treue-pfoetchen.de/

CMD+U(CTRL+U)

Things that make me happy!

<section> <nav> <article>

<aside> <hgroup>

<header> <footer> <time>

<mark> <details> <figure> <figcaption> ...

http://min.us

File APIs

http://jasonweaver.name

Mediaqueries

Multimedia in HTML<video src="interview.ogv" controls> <a href="interview.ogv">Video herunterladen</a></video>

http://www.w3.org/2010/05/video/mediaevents.html

http://thisshell.com

HTML5 Video + Canvas

http://github.com

History pushstate

input:valid { background:lime } input:invalid { background:red; color:white }

Firefox Webkit Opera

Required: <input required name="name">

Pattern: <input pattern="[0-9]{5}" name="postleitzahl">

SVG

http://mbostock.github.com/d3/

http://highcharts.com

SVG + SMIL

Local Storage

http://www.flickr.com/photos/blude/2665906010/

Offline

CSS3

Geolocation

Web Workers

Web Sockets

2D is boring!

3D!!!! New stuff!

in

3D

WebGL

http://bodybrowser.googlelabs.com

http://pepetz.com

WebGL

http://ro.me ( why not http://ch.ro.me ?)

kkrieger / .werkkzeug

Annoying things -now in colour!

http://benthebodyguard.com

CSS3 animation + JS

Goldfish for all!

Internet Explorer 6...

http://24ways.org/2010/the-state-of-html5-audio

HTML5 for mortals

HTML5 Video, simple!

http://html5boilerplate.com/

http://www.modernizr.com/

https://build.phonegap.com/

Where I want togo...

http://youtube.com/html5

http://animatable.com

http://animatable.com

http://slideshare.net

https://demos.mozilla.org/en-US/#holo-mobile

http://www.htmlfivewow.com/

http://butterapp.org | http://popcorn.js

http://webowonder.org

Danke!Chris Heilmann

@codepo8#mozilla

#html5/freenet