Your SlideShare is downloading. ×
HTML5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

HTML5

657
views

Published on

Published in: Education, Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
657
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Die Zukunft des Webs !? Von Thomas Ragerthrager@htwg-konstanz.de
  • 2. 1991 •HTML1994 •HTML21996 •CSS1 + JavaScript1997 •HTML41998 •CSS22000 •XHTML12002 •Tableless Web Design2005 •AJAX2009 •HTML5
  • 3. • HTML5 ist eine Weiterentwicklung des momentan im Internet gebräuchlichen HTML4.• Das erste Working-Draft wurde Ende Januar 2008 von Tim Berners-Lee veröffentlicht.• Ende 2009 gab das WC3 bekannt das das konkurrierenden XHTML 2.0 nicht mehr weiterentwickelt wird.
  • 4. • HTML o Semantische Tags o Neue Formularelemente o Video und Audio-Tags o Canvas o Canvas 3D (WebGL) o Neue Link-Attribute
  • 5. • Placeholder Text• Autofocus• E-Mail-Adressen• Web-Adressen• Spinboxen / Sliders• Datumsauswahl• Farbauswahl• Formular-Validierung• Weitere Infos unter diveintohtml5.org./forms.html
  • 6. • http://www.w3schools.com/html5/tryit.asp?filename=try html5_video_simple
  • 7. o http://www.craftymind.com/factory/html5video/Canva sVideo.htmlo http://www.airtightinteractive.com/demos/processing_ js/noisefield08.htmlo http://calinmocanu.webs.com/the_canvas/fish.htm
  • 8. o http://www.youtube.com/watch?v=fyfu4OwjUEI
  • 9. • CSS o Neue Selectoren o Font-Support (Schriftarten) o Text-Multi-Spalten-Layout / Textumbrüche o Transparent o Runde Ecken o Transformationen / Animationen
  • 10. • JavaScript o GeoLocation o WebStorage o WebWorkers o ApplicationCache o WebSockets
  • 11. • http://maxheapsize.com/static/html5geolocationdemo.html
  • 12. • Bsp: • Mensaplan der HTWG und der Uni http://services.ragersweb.de/mensa
  • 13.  Information o http://slides.html5rocks.com o http://html5doctor.com o http://www.webkrauts.de/category/html5-einfuehrung o http://html5demos.com o http://diveintohtml5.org Browser-Test o http://html5test.com o http://www.focus.com/images/view/11905