Il 2011 è stato un grande anno per il progresso di HTML5 nella comunità di sviluppo web. È diventato piuttosto ampiamente adottato, specialmente per il web mobile. Ci sono stati importanti progetti che aiutano gli sviluppatori a usare HTML5, come la bozza di HTML5 di Paul Irish (tecnicamente 2010, ma resa popolare nel 2011) e libri a bizzeffe! Consiglio vivamente l'HTML5 di Jeremy Keith per i web designer, pubblicato dal venerabile A Book Apart (un servizio di Happy Cog). Ma quello che era iniziato come un movimento nel 2010 è diventato il modo corretto di fare le cose nel 2011, dai siti web per dispositivi mobili ai miglioramenti progressivi e che include l'integrazione di HTML5 in temi WordPress.
Cosa è esattamente HTML5? È l'ultima iterazione dell'HTML, per la quale è iniziato lo sviluppo nel 2004. Alcune delle modifiche più importanti in HTML5 sono l'aggiunta di tag di intestazione, piè di pagina, articolo, nav e side, un'intera serie di nuovi input di moduli, inclusi e-mail e telefono (che eseguirà la corretta convalida per te), l'attributo segnaposto, che ti consente di inserire testo di esempio in un campo modulo e una serie di nuovi elementi multimediali. Gli elementi multimediali includono il supporto per video, audio e una tela, che consente di disegnare o modificare in modo dinamico il contenuto.
HTML5 sta aprendo la strada a siti Web più rapidi, più interattivi e più semanticamente corretti (per non parlare del modo migliore per creare siti Web ottimizzati per i dispositivi mobili). Comprende funzioni che richiedevano javascript o Flash, il che significa che i tuoi siti dipendono da meno e lavorano su più piattaforme. I siti web più veloci adottano questo, e quale piattaforma più adatta di WordPress?
Quindi, come ha fatto HTML5 a trasformarsi in WordPress? Diamo un'occhiata…
Abbiamo visto un tema nuovo di zecca nel 2011, giustamente chiamato "Twenty Eleven". Oltre a dimostrare le nuove funzionalità di 3.0 / 3.2 e vantando alcune modifiche al design molto piacevoli (inclusa una fantastica tipografia), Twenty Eleven è il primo tema WordPress a supportare HTML5 e CSS3. Penso che sia un grande passo in avanti, dal momento che WordPress potenzia quasi il 15% dei milioni di siti web di Alexa (*).
In Twenty Eleven, vediamo il supporto aggiunto dei seguenti tag HTML5: ,
,
,
, e
, che può essere abbinato a CSS, poiché Twenty Elevent utilizza anche html5shiv, una libreria javascript che aggiunge i nuovi elementi HTML5 al DOM per Firefox, Chrome, IE7 + e altro ancora.
Ciò significa molto per gli sviluppatori, poiché ora possono sfruttare la potenza di HTML5 nel tema predefinito di WordPress; possiamo creare moduli con tipi di input migliori, aggiungere nuovi formati multimediali e utilizzarli , tra le altre cose.
Con il tema predefinito che supporta HTML5, altri temi seguivano l'esempio *. Una rapida ricerca su Google ti mostrerà tonnellate di round-up gratuiti di temi HTML5 WordPress da quest'anno. Il supporto di HTML5 è ora una funzionalità dei temi di WordPress che le persone cercano. Sospetto che per il momento il prossimo anno, si supponga che HTML5 sia supportato da tutti i nuovi temi di WordPress.
* So che c'erano temi HTML5 prima di Twenty Eleven ma, ancora una volta, sembra che con il tema predefinito HTML5 abbia ottenuto il timbro di approvazione / supporto ufficiale di WordPress.
Anche i framework per i temi di WordPress stanno entrando nell'azione HTML5, il che significa che qualsiasi tema che utilizza tali framework utilizzerà anche HTML5. Questo è davvero il punto in cui possiamo (e abbiamo fatto) vedere l'adozione diffusa di HTML5, dal momento che alcuni framework possono alimentare migliaia di siti. Ecco un elenco di alcuni grandi framework per temi WordPress, che supportano anche HTML5:
Inoltre, ci sono tutorial HTML5 e temi per bambini sia per Tematica che per Tesi, che sono strutture abbastanza grandi nella comunità di WordPress. Abbiamo anche realizzato la creazione del tuo framework WordPress in una serie in 4 parti (scritta da te) che supporta HTML5.
Oltre ai temi, ci sono innumerevoli plugin che aiutano a portare HTML5 in siti guidati da WordPress. Otterrai tutto dall'incorporazione di audio e video HTML5, alla modifica di elementi div in elementi HTML5 come e
, alla creazione di moduli HTML5. C'è anche un plug-in che inserirà l'HTML5 Boilerplate nel tema corrente.
Plugin come questo permettono a chiunque usi WordPress, non solo agli sviluppatori di temi, di rendere progressivamente e progressivamente i propri siti più moderni e indipendenti dalla piattaforma grazie alla potenza di HTML5.
Mentre il movimento HTML5 è iniziato nel 2010, ha preso molto slancio nel 2011 e si è fatto strada in ogni aspetto dello sviluppo di WordPress. Da una miriade di temi (incluso il nuovo tema predefinito) e framework, plug-in e altro, HTML5 ha lasciato il segno nella community di WordPress.
Al fine di garantire la crescita di HTML5 in WordPress, spetta agli sviluppatori come noi stare ai margini della tecnologia. Tutti i principali browser visualizzano aggiornamenti e con tali aggiornamenti sono supportate più funzionalità di HTML5. Possiamo quindi iniziare a integrare tali funzionalità in WordPress. Per questo motivo, sono entusiasta di vedere cosa porta il 2012.