Share
2011 was een belangrijk jaar voor de vooruitgang van HTML5 in de webontwikkelingsgemeenschap. Het werd vrij algemeen aangenomen, vooral voor mobiel internet. Er zijn grote projecten geweest die ontwikkelaars hielpen HTML5 te gebruiken, zoals Paul Irish's HTML5 Boilerplate (technisch 2010, maar gepopulariseerd in 2011) en boeken in overvloed! Ik zou de HTML5 van HTML van HTML voor webontwerpers van Jeremy Keith sterk aanbevelen, uitgegeven door het eerbiedwaardige A Book Apart (een dienst van Happy Cog). Maar wat begon als een beweging in 2010 werd de juiste manier om dingen te doen in 2011, van mobiele websites tot progressieve verbeteringen, en dat omvat de integratie van HTML5 in WordPress-thema's.
Wat is HTML5 precies? Het is de nieuwste iteratie van HTML, waarvoor de ontwikkeling in 2004 begon. Enkele van de opvallendere wijzigingen in HTML5 zijn de toevoeging van header-, footer-, artikel-, nav- en opzij-tags, een hele reeks nieuwe formulierinvoer, inclusief e-mail en telefoon (die de juiste validatie voor u uitvoert), het kenmerk placeholder, waarmee u voorbeeldtekst in een formulierveld kunt plaatsen, en een hoop nieuwe media-elementen. De media-elementen omvatten ondersteuning voor video, audio en een canvas, waarmee u inhoud kunt tekenen of anderszins dynamisch kunt wijzigen.
HTML5 effent de weg voor snellere, meer interactieve, semantisch correcte websites (om maar niet te zeggen dat dit de beste manier is om mobielvriendelijke websites te maken). Het bevat functies die vroeger javascript of Flash vereisten, wat betekent dat uw sites afhankelijk zijn van minder en op meer platforms werken. Hoe sneller websites dit adopteren, hoe beter, en wat een meer geschikt platform dan WordPress?
Dus hoe kon HTML5 zijn weg vinden naar WordPress? Laten we kijken…
We zagen een gloednieuw thema in 2011, toepasselijk genaamd "Twenty Eleven." Naast het demonstreren van de nieuwe functies van 3.0 / 3.2 en een aantal zeer mooie ontwerpwijzigingen (inclusief een aantal fantastische typografie), is Twenty Eleven het eerste WordPress-thema dat HTML5 en CSS3 ondersteunt. Ik denk dat dat een grote stap voorwaarts is, aangezien WordPress bijna 15% van de top miljoen websites van Alexa van stroom voorziet (*).
In Twenty Eleven zien we de toegevoegde ondersteuning van de volgende HTML5-tags: , , , , en , die gestileerd kan worden met CSS, zoals Twenty Elevent ook de html5shiv gebruikt, een javascript-bibliotheek die de nieuwe HTML5-elementen toevoegt aan de DOM voor Firefox, Chrome, IE7 + en meer.
Dit betekent veel voor ontwikkelaars, omdat ze nu de kracht van HTML5 kunnen gebruiken in het standaardthema van WordPress; we kunnen formulieren maken met betere invoertypen, nieuwe media-indelingen toevoegen en gebruiken , onder andere.
Met het standaardthema dat HTML5 ondersteunde, volgden andere thema's *. Een snelle Google-zoekopdracht toont u ton-ups van gratis HTML5 WordPress-thema's van dit jaar. HTML5 ondersteunen is nu een functie van WordPress-thema's waarnaar mensen op zoek zijn. Ik vermoed dat tegen volgend jaar dit jaar zal worden aangenomen dat HTML5 wordt ondersteund door alle nieuwe WordPress-thema's.
* Ik weet dat er HTML5-thema's waren vóór Twenty Eleven, maar nogmaals, het lijkt erop dat met het standaardthema HTML5 WordPress 'stempel van goedkeuring / officiële ondersteuning kreeg.
WordPress-themakaders spelen ook in op de HTML5-actie, wat betekent dat elk thema dat deze frameworks gebruikt ook HTML5 gebruikt. Dit is echt waar we de wijdverspreide HTML5-acceptatie kunnen (en kunnen zien), omdat bepaalde frameworks duizenden sites kunnen aansturen. Hier is een lijst met enkele geweldige WordPress-themakaders, die ook HTML5 ondersteunen:
Daarbovenop zijn er HTML5-tutorials en kindthema's voor zowel Thematic als Thesis, die vrij grote kaders zijn in de WordPress-gemeenschap. We hebben ook gesproken over het maken van uw eigen WordPress Framework in een 4-delige serie (geschreven door ondergetekende) die HTML5 ondersteunt.
Naast thema's zijn er talloze plug-ins die HTML5 helpen bij het plaatsen van WordPress-sites. U krijgt alles, van het insluiten van HTML5-audio en video, tot het wijzigen van divs naar HTML5-elementen zoals en , om HTML5-formulieren te maken. Er is zelfs een plug-in die de HTML5 Boilerplate invoegt in uw huidige thema.
Met plug-ins als deze kan iedereen die WordPress gebruikt, en niet alleen thema-ontwikkelaars, geleidelijk en incrementeel hun sites moderner en platformonafhankelijker maken door de kracht van HTML5.
Hoewel de HTML5-beweging in 2010 echt van start ging, kreeg hij in 2011 veel energie en maakte hij zijn weg naar een steeds groter wordend aspect van de ontwikkeling van WordPress. Van een hele reeks thema's (waaronder het nieuwe standaardthema) en frameworks, naar plug-ins en meer, had HTML5 zijn stempel op de WordPress-community gedrukt.
Om de groei van HTML5 in WordPress te garanderen, is het aan ontwikkelaars zoals wij om op de meest geavanceerde manier van de technologie te blijven. Elke grote browser ziet updates en met die updates worden meer functies van HTML5 ondersteund. We kunnen dan beginnen met het integreren van deze functies in WordPress. Daarom ben ik enthousiast om te zien wat 2012 brengt.
Accentsconagua