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

HTML5 e Css3 - 8 | WebMaster & WebDesigner

on

  • 546 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
546
Views on SlideShare
458
Embed Views
88

Actions

Likes
0
Downloads
10
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 HTML5 e Css3 - 8 | WebMaster & WebDesigner Presentation Transcript

  • 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/ImmigrantSong.ogg" type=audio/ogg; codecs="vorbis"></audio>
  • 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
  • Native Geolocation http://dev.w3.org/geo/api/spec-source-v2navigator.geolocation.getCurrentPosition(function(position){ alert(position.coords.latitude); alert(position.coords.longitude);});
  • Geolocation + Google Mapshttp://html5demos.com/
  • CanvasCanvas è una estensione dellHTML standard chepermette il rendering dinamico di immagini bitmap gestibili attraverso un linguaggio di scripting (wikipedia)
  • <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>
  • 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;
  • Domande? Slide:http://www.slideshare.net/ilbonzo Code:https://github.com/ilbonzo/Cypher mail: matteo@magni.me