Your SlideShare is downloading. ×
HTML5 e Css3 - 8 | WebMaster & WebDesigner
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

HTML5 e Css3 - 8 | WebMaster & WebDesigner

385
views

Published on

Ottava lezione del modulo HTML5 e Css3 del corso per WebMaster & WebDesigner

Ottava lezione del modulo HTML5 e Css3 del corso per WebMaster & WebDesigner

Published in: Technology

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

  • Be the first to like this

No Downloads
Views
Total Views
385
On Slideshare
0
From Embeds
0
Number of Embeds
1
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. HTML5 e Css3 [8]Matteo Magni
  • 2. E Possibile?
  • 3. Qualcono pensa di si... Media Tags
  • 4. Video<video src="video/big_buck_bunny.mp4"/><video src="video/big_buck_bunny.ogv"/>
  • 5. Native controls<video src="video/big_buck_bunny.mp4" controls/>
  • 6. More codecs<video controls><source src="video/big_buck_bunny.mp4"/><source src="video/big_buck_bunny.ogv"/></video>
  • 7. Audio<audio src="audio/ImmigrantSong.mp3" controls/>
  • 8. More Codecs<audio controls><source src="audio/ImmigrantSong.mp3" type=audio/mpeg; codecs="mp3"><source src="audio/ImmigrantSong.ogg" type=audio/ogg; codecs="vorbis"></audio>
  • 9. Browser supportInternet Explorer 9.0+ MP3, AACChrome 6.0+ Ogg Vorbis, MP3, WAV†Firefox 3.6+ Ogg Vorbis, WAVSafari 5.0+ MP3, AAC, WAVOpera 10.0+ Ogg Vorbis, WAV
  • 10. Native Geolocation http://dev.w3.org/geo/api/spec-source-v2navigator.geolocation.getCurrentPosition(function(position){ alert(position.coords.latitude); alert(position.coords.longitude);});
  • 11. Geolocation + Google Mapshttp://html5demos.com/
  • 12. CanvasCanvas è una estensione dellHTML standard chepermette il rendering dinamico di immagini bitmap gestibili attraverso un linguaggio di scripting (wikipedia)
  • 13. <canvas id="myCanvas" width="578" height="200"></canvas>    <script>var canvas = document.getElementById(myCanvas);var context = canvas.getContext(2d);context.beginPath();context.moveTo(100, 150);context.lineTo(450, 50);context.stroke();</script>
  • 14. Storage● http://html5demos.com/storage var foo = localStorage.getItem("bar"); // ... localStorage.setItem("bar", foo); sistema alternativo ai normali cookie, chiamato Web Storage, più efficiente, il quale consente un notevole risparmio di banda;
  • 15. Domande? Slide:http://www.slideshare.net/ilbonzo Code:https://github.com/ilbonzo/Cypher mail: matteo@magni.me