Supporto dell’autofocus HTML5 nei form

Autofocus

Non credo ci sia bisogno di spiegare che cosa sia l’autofocus e no, non stiamo parlando di fotografia. All’interno di una pagina web l’autofocus è la funzione grazie alla quale il browser imposta automaticamente il focus su un determinato elemento del form.
Ogni buon web designer sa come impostarlo con facilità grazie a Javascript: HTML 5 ha introdotto invece un attributo booleano per definirlo; tuttavia per il momento dovremmo comunque servirci di Javascrip per controllare se il browser del nostro utente lo supporta, ecco come:

Continua a leggere

Annunci

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

HTML5: Controllo di compabilità del browser con i Web Workers

I Web workers forniscono uno standard ai browser per lanciare Javascript in background: grazie ai web workers è possibile lanciare operazioni multiple anche in contemporanea, facendo calcoli matematici complessi,  richieste di rete, accedendo ai local storage, mentre l’utente interagisce con la pagina web. Prima di tutto però, è necessario controllare se tale funzionalità è supportata dal browser… ecco come:

Continua a leggere