HTML5, CSS3 und JavaScript für alle

  • Published on
    12-Sep-2014

  • View
    8.816

  • Download
    0

Embed Size (px)

DESCRIPTION

A presentation at the German "Webinale" conference about HTML5 and CSS3 and using open standards.

Transcript

  • Christian Heilmann / Mozilla

    HTML5, CSS3 und JavaScript fr alle - ja, auch du!

  • @codepo8

    http://treue-pfoetchen.de/

  • CMD+U(CTRL+U)

  • Things that make me happy!

  • ...

  • http://min.us

    File APIs

  • http://jasonweaver.name

    Mediaqueries

  • Multimedia in HTML

    Video herunterladen

  • 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:

    Pattern:

  • 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