2011 var et stort år for fremdriften av HTML5 i webutviklingssamfunnet. Det ble ganske allment vedtatt, spesielt for mobilnett. Det har vært store prosjekter som hjelper utviklere til å bruke HTML5, som Paul Irlands HTML5 Boilerplate (teknisk 2010, men popularisert i 2011) og bøker i massevis! Jeg vil sterkt anbefale Jeremy Keiths HTML5 for webdesignere, utgitt av den ærverdige A Book Apart (en tjeneste av Happy Cog). Men det som startet som en bevegelse i 2010, ble den riktige måten å gjøre ting på i 2011, fra mobile nettsteder til progressive forbedringer, og det inkluderer å integrere HTML5 i WordPress-temaer.
Hva er HTML5? Det er den siste iterasjonen av HTML, som utviklingen begynte i 2004. Noen av de mest bemerkelsesverdige endringene i HTML5 er tillegg av header-, footer-, artikkel-, nav- og sideord, en hel rekke nye skjemainnganger, inkludert e-post og telefon (som vil utføre riktig validering for deg), stedholderattributtet, som lar deg sette eksempeltekst i et skjemafelt og en rekke nye medieelementer. Medieelementene inkluderer støtte for video, lyd og et lerret, som lar deg tegne eller på annen måte endre innholdet på en dynamisk måte.
HTML5 baner vei for raskere, mer interaktive, mer semantisk korrekte nettsteder (for ikke å nevne at det er den beste måten å lage mobilvennlige nettsteder). Den inneholder funksjoner som pleide å kreve javascript eller Flash, noe som betyr at nettstedene dine er avhengige av mindre og fungerer på flere plattformer. Jo raskere nettsteder vedtar dette, jo bedre, og hvilken mer egnet plattform enn WordPress?
Så hvordan gjorde HTML5 det er veien inn i WordPress? La oss ta en titt…
Vi så et helt nytt tema i 2011, passende navn "Twenty Eleven." På toppen av å demonstrere de nye funksjonene i 3.0 / 3.2 og skryte av noen flotte designendringer (inkludert noen fantastiske typografi), er Twenty Eleven det første WordPress-temaet for å støtte HTML5 og CSS3. Jeg tror det er et stort skritt fremover, siden WordPress gjør strøm nesten 15% av Alexas topp millioner nettsteder (*).
I tjuefem ser vi den ekstra støtten til følgende HTML5-koder: ,
,
,
, og
, som kan styles ved hjelp av CSS, da tjuefemte bruker også html5shiv, et javascriptbibliotek som legger til de nye HTML5-elementene til DOM for Firefox, Chrome, IE7 + og mer.
Dette betyr mye for utviklere, da de nå kan utnytte kraften til HTML5 i WordPress 'standardtema; Vi kan lage skjemaer med bedre inngangstyper, legge til i de nye medieformatene, og bruk , blant annet.
Med standardtemaet som støtter HTML5, fulgte andre temaer *. Et raskt Google-søk vil vise deg tonnevis av opprullinger av gratis HTML5 WordPress-temaer fra dette året. Støtte for HTML5 er nå en funksjon av WordPress-temaer som folk ser etter. Jeg mistenker at denne gangen neste år, vil det antas at HTML5 støttes av alle nye WordPress-temaer.
* Jeg vet at det var HTML5 temaer før tjue elleve, men igjen, det virker som om med standardtemaet HTML5 fikk WordPress 'godkjenningsstempel / offisiell støtte.
WordPress-temaer rammer også HTML5-handlingen, noe som betyr at ethvert tema som bruker disse rammene, også vil bruke HTML5. Dette er virkelig hvor vi kan (og gjorde) se utbredt HTML5-adopsjon, siden visse rammer kan drive tusenvis av nettsteder. Her er en liste over noen gode WordPress-temaer, som også skje for å støtte HTML5:
På toppen av det er det HTML5 opplæringsprogrammer og barnemner for både tema og avhandling, som er ganske store rammer i WordPress-fellesskapet. Vi har også dekket å lage ditt eget WordPress Framework i en 4-delt serie (skrevet av din virkelig) som støtter HTML5.
Foruten temaer er det utallige plugins som hjelper med å bringe HTML5 til WordPress-drevne nettsteder. Du får alt fra å legge inn HTML5-lyd og video, for å endre divs til HTML5-elementer som og
, å lage HTML5-skjemaer. Det er enda et plugin som vil sette HTML5 Boilerplate inn i ditt nåværende tema.
Plugins som dette tillater at noen bruker WordPress, ikke bare temautviklere, for gradvis og gradvis å gjøre sine nettsteder mer moderne og mer plattformavhengige gjennom kraften til HTML5.
Mens HTML5-bevegelsen virkelig startet i 2010, tok den opp mye damp i 2011 og gjorde veien til Everest-WordPress-utviklingen. Fra en rekke temaer (inkludert det nye standardtemaet) og rammer, til plugins og mer, hadde HTML5 fått sin karakter på WordPress-fellesskapet.
For å sikre HTML5-vekst i WordPress, er det opp til utviklere som oss å være på blødende kant av teknologien. Hver større nettleser ser oppdateringer, og med disse oppdateringene blir flere funksjoner av HTML5 støttet. Vi kan da begynne å integrere disse funksjonene i WordPress. På grunn av det er jeg glade for å se hva 2012 bringer.