HTML5 e CSS3 cosa posso utilizzare? quali browser supportano questi linguaggi?

Le specifiche che riguardano HTML5 e CSS3 sono molto complesse, comprendono nuovi elementi, attributi, proprietà e integrazioni con JavaScript, stare al passo con tutto questo, sapere cosa si può utilizzare senza problemi, cosa invece necessita di accorgimenti e cosa invece non ha ancora nessun tipo di supporto da parte dei browser sarebbe una cosa estremamente complessa ed una grande perdita di tempo durante la fase di progettazione di un sito web.

Fortunatamente alcuni sviluppatori e web designer volenterosi si sono assunti l’onere di trascrivere referenze con tutto il necessario per usare questi due linguaggi in maniera corretta su ogni browser, vediamo inseme alcune tra le referenze più utilizzate e più complete:

HTML5 please
In questa pagina potrete trovare una raccolta dei più importanti elementi HTML5 e molte proprietà CSS3, per ognuna di queste poi, sono annotati, nel caso siano necessari, metodi per farli funzionare su browser che non li supportano nativamente, oppure se è consigliabile non utilizzarli o utilizzarli solo su alcuni browser.

Can i use
Questo sito è probabilmente il riferimento più accurato presente sul web per chi vuole conoscere il supporto esistente da parte dei browser per quanto riguarda HTML5/CSS3, ma anche JavaScript e SVG, per ogni proprietà che cercherete comparirà una tabella dove confrontare il supporto da parte dei maggiori browser, comprese le versioni più vecchie, sia per PC che per Mobile.

CSS3 Test
Questa piccola ed utile applicazione inizierà, sul browser che stai usando, un test di compatibilità tra oltre 180 proprietà CSS3, riporterà poi il risultato in centesimi e farà comparirire una lista di tutte le proprietà esaminate contrassegnate da diversi colori in base a quelle supportate o meno.

CSS3 click chart
Questa tabella di referenze su proprietà CSS3 si presenta davvero molto bene, oltre ad avere una buona quantità di proprietà, per ognuna di esse mostra una descrizione, link alla pagina ufficiale al W3C, esempio pratico, supporto dei browser, e nel caso link a tutorial e soluzioni per abilitarne il supporto sui browser che non la supportano.

HTML5 Forms
HTML5 porta con sè diverse nuove caratteristiche da implementare nello sviluppo di form, in questa utile tabella potrete consultare tutte le novità e confrontare quali browser supportano tutte queste novità.

Condividi questo articolo:

• Tweet

Info sull' autore:

Nato a Bologna, mi occupo della realizzazione grafica e dello sviluppo front-end di siti web e sono il fondatore di questo blog. Se vuoi segnalare qualche problema o hai qualche richiesta particolare invia una mail tramite il modulo contatti.
Leggi gli altri articoli di Francesco