Your SlideShare is downloading. ×
0
HTML5 e Css3 [8]Matteo Magni
E Possibile?
Qualcono pensa di si...     Media Tags
Video<video src="video/big_buck_bunny.mp4"/><video src="video/big_buck_bunny.ogv"/>
Native controls<video src="video/big_buck_bunny.mp4" controls/>
More codecs<video controls><source src="video/big_buck_bunny.mp4"/><source src="video/big_buck_bunny.ogv"/></video>
Audio<audio src="audio/ImmigrantSong.mp3" controls/>
More Codecs<audio controls><source src="audio/ImmigrantSong.mp3" type=audio/mpeg; codecs="mp3"><source src="audio/Immigran...
Browser supportInternet Explorer 9.0+ MP3, AACChrome 6.0+ Ogg Vorbis, MP3, WAV†Firefox 3.6+ Ogg Vorbis, WAVSafari 5.0+ MP3...
Native Geolocation       http://dev.w3.org/geo/api/spec-source-v2navigator.geolocation.getCurrentPosition(function(positio...
Geolocation          +     Google Mapshttp://html5demos.com/
CanvasCanvas è una estensione dellHTML standard chepermette il rendering dinamico di immagini bitmap   gestibili attravers...
<canvas id="myCanvas" width="578" height="200"></canvas>    <script>var canvas = document.getElementById(myCanvas);var con...
Storage●   http://html5demos.com/storage    var foo = localStorage.getItem("bar");    // ...    localStorage.setItem("bar"...
Domande?             Slide:http://www.slideshare.net/ilbonzo             Code:https://github.com/ilbonzo/Cypher           ...
Upcoming SlideShare
Loading in...5
×

HTML5 e Css3 - 8 | WebMaster & WebDesigner

403

Published on

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
403
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "HTML5 e Css3 - 8 | WebMaster & WebDesigner"

  1. 1. HTML5 e Css3 [8]Matteo Magni
  2. 2. E Possibile?
  3. 3. Qualcono pensa di si... Media Tags
  4. 4. Video<video src="video/big_buck_bunny.mp4"/><video src="video/big_buck_bunny.ogv"/>
  5. 5. Native controls<video src="video/big_buck_bunny.mp4" controls/>
  6. 6. More codecs<video controls><source src="video/big_buck_bunny.mp4"/><source src="video/big_buck_bunny.ogv"/></video>
  7. 7. Audio<audio src="audio/ImmigrantSong.mp3" controls/>
  8. 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. 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. 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. 11. Geolocation + Google Mapshttp://html5demos.com/
  12. 12. CanvasCanvas è una estensione dellHTML standard chepermette il rendering dinamico di immagini bitmap gestibili attraverso un linguaggio di scripting (wikipedia)
  13. 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. 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. 15. Domande? Slide:http://www.slideshare.net/ilbonzo Code:https://github.com/ilbonzo/Cypher mail: matteo@magni.me
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×