2011 fue un gran año para el avance de HTML5 en la comunidad de desarrollo web. Se convirtió en una adopción bastante amplia, especialmente para la web móvil. Ha habido proyectos importantes que ayudan a los desarrolladores a usar HTML5, como HTML5 Boilerplate de Paul Irish (técnicamente 2010, pero popularizado en 2011) y libros en abundancia. Recomendaría encarecidamente el HTML5 de Jeremy Keith para diseñadores web, publicado por el venerable A Book Apart (un servicio de Happy Cog). Pero lo que comenzó como un movimiento en 2010 se convirtió en la forma correcta de hacer las cosas en 2011, desde sitios web móviles a mejoras progresivas, y eso incluye la integración de HTML5 en los temas de WordPress..
¿Qué es exactamente HTML5? Es la última versión de HTML, para la cual el desarrollo comenzó en 2004. Algunos de los cambios más notables en HTML5 son la adición de encabezado, pie de página, artículo, navegación y etiquetas aparte, una gran cantidad de entradas de formularios nuevos, incluidos correo electrónico y teléfono (que realizará la validación adecuada para usted), el atributo de marcador de posición, que le permite colocar texto de ejemplo en un campo de formulario, y un montón de nuevos elementos multimedia. Los elementos multimedia incluyen soporte para video, audio y un lienzo, lo que le permite dibujar o cambiar dinámicamente el contenido..
HTML5 está allanando el camino para sitios web más rápidos, más interactivos y más semánticamente correctos (sin mencionar que es la mejor manera de hacer sitios web aptos para dispositivos móviles). Incluye funciones que solían requerir JavaScript o Flash, lo que significa que sus sitios dependen de menos y funcionan en más plataformas. Los sitios web más rápidos adoptan esto mejor, y qué plataforma más adecuada que WordPress?
Entonces, ¿cómo HTML5 hizo su camino en WordPress? Vamos a ver…
Vimos un tema completamente nuevo en 2011, acertadamente llamado "Twenty Eleven". Además de demostrar las nuevas características de 3.0 / 3.2 y de presentar algunos cambios de diseño muy agradables (incluida una tipografía fantástica), Twenty Eleven es el primer tema de WordPress compatible con HTML5 y CSS3. Creo que es un gran paso adelante, ya que WordPress alimenta casi el 15% de los millones de sitios web de Alexa (*).
En Twenty Eleven, vemos el soporte agregado de las siguientes etiquetas HTML5: ,
,
,
, y
, que se puede diseñar con CSS, ya que Twenty Elevent también usa html5shiv, una biblioteca de javascript que agrega los nuevos elementos HTML5 al DOM para Firefox, Chrome, IE7 + y más.
Esto significa mucho para los desarrolladores, ya que ahora pueden aprovechar el poder de HTML5 en el tema predeterminado de WordPress; podemos crear formularios con mejores tipos de entrada, agregar los nuevos formatos de medios y usar , entre otras cosas.
Con el tema predeterminado compatible con HTML5, otros temas siguieron su ejemplo *. Una rápida búsqueda en Google le mostrará toneladas de redadas de temas de HTML5 WordPress gratuitos de este año. Compatibilidad con HTML5 es ahora una característica de los temas de WordPress que la gente busca. Sospecho que para esta fecha del próximo año, se asumirá que HTML5 es compatible con todos los nuevos Temas de WordPress.
* Sé que hubo temas HTML5 antes de Twenty Eleven, pero nuevamente, parece que con el tema predeterminado HTML5 obtuvo el sello de aprobación / soporte oficial de WordPress.
Los marcos temáticos de WordPress también se están incorporando a la acción HTML5, lo que significa que cualquier tema que use esos marcos también utilizará HTML5. Aquí es donde realmente podemos (y hemos visto) una adopción generalizada de HTML5, ya que ciertos marcos pueden impulsar miles de sitios. Aquí hay una lista de algunos grandes marcos temáticos de WordPress, que también son compatibles con HTML5:
Además de eso, hay tutoriales HTML5 y temas secundarios tanto para Thematic como para Thesis, que son marcos bastante grandes en la comunidad de WordPress. También cubrimos la creación de su propio Marco de WordPress en una serie de 4 partes (realmente escrita por usted) que admite HTML5.
Además de los temas, hay innumerables complementos que ayudan a llevar HTML5 a los sitios controlados por WordPress. Obtendrá todo, desde la incorporación de audio y video HTML5, hasta el cambio de divs a elementos HTML5 como y
, a la creación de formularios HTML5. Incluso hay un complemento que insertará HTML5 Boilerplate en su tema actual.
Los complementos como este permiten que cualquier persona que use WordPress, no solo los desarrolladores de temas, haga progresiva e incrementalmente sus sitios más modernos y más independientes de la plataforma a través del poder de HTML5.
Si bien el movimiento de HTML5 realmente comenzó en 2010, tomó mucho vapor en 2011 y se abrió camino en cada faceta del desarrollo de WordPress. Desde una gran cantidad de temas (incluido el nuevo tema predeterminado) y marcos, hasta complementos y más, HTML5 ha dejado su marca en la comunidad de WordPress.
Para garantizar el crecimiento de HTML5 en WordPress, depende de desarrolladores como nosotros mantenernos a la vanguardia de la tecnología. Cada navegador principal está viendo actualizaciones y con esas actualizaciones, se admiten más funciones de HTML5. Entonces podemos comenzar a integrar esas características en WordPress. Por eso, estoy emocionado de ver lo que trae 2012.