_ Tech _

HTML5 Browser Test

_
In questa pagina vengono testate le caratteristiche principali del browser che state utilizzando, per verificarne la compatibilità con le nuove specifiche HTML5 e CSS3.

Browser utilizzato

User Agent: Ccbot
Full Version Info: 2.0

HTML 5

  • applicationCache
    Permette di gestire contenuti offline
  • Canvas
    Permette di creare e gestire grafica e animazioni
  • Canvas Text
    Permette di creare e gestire oggetti di testo
  • Drag & Drop
    Permette di gestire il trascinamento di file sul browser
  • hashchange Event
    Permette di gestire eventi
  • History Management
    Permette di gestire il flusso di navigazione
  • HTML5 Audio
    Gestione diretta dei file audio
    • OGG
    • MP3
    • M4A
    • WAV
  • HTML5 Video
    Gestione diretta dei file video
    • WebM
    • OGG
    • H.264
  • IndexedDB
    Gestione locale di oggetti di dati
  • localStorage
    Memorizzazione locale di dati
  • Cross-window Messaging
    Gestione di messaggi multifinestra/multidominio
  • sessionStorage
    Memorizzazione locale di variabili di sessioni
  • Web Sockets
    Gestione di connessioni asincrone verso server remoti
  • Web SQL Database
    Gestione un database SQL localmente al browser
  • Web Workers
    Gestione di operazioni asincrone

HTML 5 - Input - Attributi

  • autocomplete
  • autofocus
  • list
  • placeholder
  • max
  • min
  • multiple
  • pattern
  • required
  • step

HTML 5 - Input - Tipi

  • search
  • url
  • email
  • datetime
  • date
  • month
  • week
  • time
  • datetime-local
  • number
  • range
  • color

CSS 3

  • @font-face
    Permette di inserire font personalizzati nelle pagine
  • background-size
    Permette di personalizzare le dimensioni dell'immagine di sfondo
  • border-image
    Permette di utilizzare un'immagine come bordo
  • border-radius
    Permette di arrotondare i bordi di un oggetto
  • box-shadow
    Permette di applicare un effetto ombra ad un oggetto
  • Flexible Box Model
    Specifica se un contenitore figlio è flessibile o meno nella dimensione
  • hsla()
    Permette di definire i colori in modalità hsla
  • Multiple backgrounds
    Permette di impostare più immagini di background per un oggetto
  • opacity
    Permette di impostare la trasparenza di un oggetto
  • rgba()
    Permette di definire i colori in modalità rgba
  • text-shadow
    Permette impostare un ombra su un testo
  • CSS Animations
    Permette creare animazioni sfruttando solo i CSS
  • CSS Columns
    Permette di impaginare il testo in colonne
  • Generated Content
    Permette di creare ed inserire contenuti dinamicamente
  • CSS Gradients
    Permette di creare sfumature di colore
  • CSS Reflections
    Crea un effetto di riflessione di un oggetto
  • CSS Transforms
    Per mette una trasformazione 2D come ruotare, scalare, muovere oggetti.
  • CSS Transforms 3D
    Per mette una trasformazione 3D come ruotare, scalare, muovere oggetti.
  • CSS Transitions
    Permette di creare transizioni di oggetti

Altre funzioni

  • Geolocation API
    Gestione della localizzazione
  • Inline SVG
    Gestione SVG inline
  • SVG
    Gestione SVG
  • SMIL
    Gestione SMIL
  • SVG Clip Paths
    Gestione SVG Clip Paths
  • Touch Events
    Gestione eventi touch
  • WebGL
    Gestione grafica 3D WebGL