Testare il supporto browser del testo segnaposto (placeholder) di HTML5

Un altro dei miglioramenti relativi ai form apportato da HTML5 è la possibilità di impostare un testo segnaposto visibile nei campi input quando questi non sono nello stato di focus o non sono già stati riempiti.

Metodi per controllare il supporto dei placeholder

Continua a leggere

Controlliamo il supporto dei nuovi input type HTML5 nei Browser

Oltre ai classici <input type=”text”> o <input type=”password”> sono stati introdotti numerosi tipi di campi per i form

  • <input type=”search“> per i campi di ricerca
  • <input type=”number“> per i numeri
  • <input type=”range“> per gli slider
  • <input type=”color“> per i color picker (selettori di colore)
  • <input type=”tel“> per i numeri telefonici
  • <input type=”url“> per gli indirizzi web
  • <input type=”email“> per gli indirizzi e-mail
  • <input type=”date“> per i selettori delle date di calendario
  • <input type=”month“> per i mesi
  • <input type=”week“> per le settimane
  • <input type=”time“> per la marca temporale
  • <input type=”datetime“> per una marca temporale precisa
  • <input type=”datetime-local”> per la marca temporale locale

Li vedremo più nel dettaglio in un successivo post, nel frattempo come verificare se il browser dell’utente li riconosce?

Continua a leggere

Il browser supporta le funzionalità offline di HTML5?

Grazie ad HTML5 è possibile fare in modo che il server invii al browser tutte le informazioni di cui ha bisogno (Html, Css, Javascript, immagini, video) per visualizzare il sito anche in modalità offline. Nel momento in cui l’utente sarà tornato online il server invierà nuovamente le informazioni aggiornate.

Controlliamo se il browser supporta questa funzionalità, ecco due modi:

Continua a leggere

Come controllare la compatibilità con il tag video HTML 5

Non è strettamente necessario controllarne la compatibilità, perché i browser che non supportano il nuovo tag per l’embedding <video>, semplicemente lo ignorano; può tuttavia rivelarsi utile per definire il miglior output video in base al browser. Se si vuole effettuare un controllo per proporre contenuti diversi in base al supporto o meno del tag video è possibile usare lo script Video For Everybody.
Per una dissertazione sui formati video per i browser si consultino i seguenti link: http://diveintomark.org/archives/2008/12/18/give-part-1-container-formats e http://diveintomark.org/archives/2008/12/19/give-part-2-lossy-video-codecs

Se si desidera fare qualcosa di più avanzato del semplice play & stop, questi sono i metodi per il controllo:

Continua a leggere