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

Like this? Share it with your network

Share

HTML5 e Css3 - 8 | WebMaster & WebDesigner

on

  • 564 views

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

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

Statistics

Views

Total Views
564
Views on SlideShare
476
Embed Views
88

Actions

Likes
0
Downloads
11
Comments
0

2 Embeds 88

http://blog.ilbonzo.org 76
http://magni.me 12

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

HTML5 e Css3 - 8 | WebMaster & WebDesigner Presentation 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