Web

Layout dei siti

I siti moderni necessitano di un Layout adattabile ai vari dispositivi presenti sul mercato come Smartphone, Table, Personal Computer e alle varie risoluzioni. Per far questo è indispendabile appoggiarsi a css stabili ed al buon vecchio javascript (codice lato client), oggi migliorato nella versione Jquery.

Layout dei siti

  • Test su varie piattaforme
  • Limitare l'uso di codice lato client
  • Usare css interpretabili al meglio per almeno i principali browser: Explorer, Crhome, Mozilla, Safari.

Caricare un video con html5

Con il nuovo HTML5 è possibile caricare un video direttamente nella pagina web.
Il Tag di riferimento è il TAG video. Si ricorda che si può applicare anche un css direttamente al Tag richiamandolo con l'id.
A seguire i vari attributi impostabili:
  • src Stringa che rappresenta un URL che punta a un file video.
  • controls Attributo booleano che attiva un set di controlli di riproduzione predefiniti.
  • poster Stringa che rappresenta un'immagine segnaposto visualizzata nel lettore video, prima che il video venga eseguito.
  • loop Attributo booleano che ripete la riproduzione del video.
  • muted Attributo booleano che riproduce il video con la traccia audio disattivata.
  • autoplay Attributo booleano che avvia la riproduzione del video automaticamente.
  • preload Attributo booleano che fornisce un'indicazione per la quantità di buffering necessaria.
  • height Imposta l'altezza del lettore video.
  • width Imposta la larghezza del lettore video.
A seguire un esempio:
<video id="style_video" controls poster="video/esempio.jpg">
<source src="esempio.mp4" type="video/mp4" />
<source src="esempio.ogv" type="video/ogg"/>
<object>
<embed src="demo.mp4" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
</object>
HTML5 Video is required for this example
</video>