Una base dura como la roca para HTML5. Así es como definen ellos a su propia plantilla totalmente en HTML 5.

La verdad es que este grupo de programadores han conseguido crear una plantilla actualizable con una estructura dura y solida para maquetar en HTML 5. Lo bueno de ello es que ya viene preparada para todo y con todo, con esto quiero decir, que la plantilla que tu descargas ya contiene una base para empezar.

La plantilla la puedes descargar gratuitamente y ademas ofrecen tres versiones de descarga:

BOILERPLATE: Con links a contenido añadido por ellos a la pagina.

BOILERPLATE “STRIPPED”: Unicamente el código.

BOILERPLATE CUSTOMIZE: Con toda la plantilla comentada, ideal para novatos.

La mayoría que estéis leyendo esto os preguntareis porque es tan genial esta plantilla.

Build Script

  • Rewrite masivo así puede definir con qué archivos HTML, CSS y JS operar en los archivos configurables project.properties. Esto le permite al build script operar en una arquitectura de carpetas única, incluyendo proyectos no realizados con H5BP.
  • Los entornos son denifibles
  • Headers htaccess de expiración son aumentados a 1 año, ya que los nombres de los archivos son mejorados.
  • Agregada una opción para el directorio fuente en la configuración del build, así los archivos fuente pueden estar en diferentes carpetas de los archivos finales generados (útil para otros CMS/frameworks como Django).

index.html

style­.css

  • Agregada clase de ayuda .focusable que extiende .visuallyhidden para permitir al elemento obtener foco cuando es navegado via teclado.
  • Los enlaces no son más reseteados. Básicamente nuestro reset es efectivamente mezclado con la actualización reciente al CSS reset de Eric Meyer y también con el reset de HTML5 Doctor.
  • Una lista sin orden dentro de un elemento nav no tendrá mas un margen.
  • Todas las clases de ayuda están ahora luego de los estilos primarios para asegurar sobre-escrituras correctas y no ser molestadas por resets.
  • .visuallyhidden no es más camelCase, para ser consistente con los otros formatos de nombre de clase.
  • Actualizada la especificidad de la regla .visuallyhidden para asegurarse que sobre-escribe todas las otras declaraciones.
  • Removido el reset en elementos de imagen dentro de celdas de tablas ya que se ven mal junto a textos multi-línea. Los navegadores por defecto alinean al baseline a las imágenes que funciona mejor que el alineamiento top.
  • Increased margin-left on ol, to allow for 2-digit list numbers.
  • Agregado un reset de impresión en los filtros proprietarios de IE.
  • Los estilos de impresión ya no imprimen links de numeral o links de javascript.
  • Actualizado el CSS sub/sup para que no sean impactados por line-height, así que ahora puede hacer sub/superscripts sin preocuparse.

Proyecto

  • Agregado un humans.txt para que puedas clarificar la autoría y herramientas usadas.
  • Removido el YUI profiling. Probablemente no lo usabas de todos modos.
  • Removidos los unit tests de QUnit. No hay necesidad de incluirlos, realmente.

Configuraciones de Servidor Web

.htaccess
  • .htaccess está mucho más documentado ahora. Pégale una leída!
  • Cambiado el mimetype de los archivos .ico a “image/x-icon”.
  • Los archivos HTML Manifest ahora usan la extensión .appcache, de acuerdo a http://html5.org/r/5812.
  • Force deflate para headers accept-encoding headers destrozados, cortesía de investigaciones de Yahoo!
  • Nerfeamos algunas de las directivas en caso de que esté en un server sin mod_headers. (que es totalmente loco!)
  • Bloquear acceso a las carpetas .git y .svn.
  • Erradicar la advertencia de la consola de Chrome sobre descargas de fuentes WOFF.
  • Más optimizaciones disponibles si setea los detalles del .htaccess en su httpd.conf
  • .htaccess ahora cachea archivos .htc
  • Movidas todas las configuraciones de servidor (excepto el .htaccess de Apache a la nueva repo html5-boilerplate-server-config. Vaya allí si no está usando Apache.
  • Actualizado el .htaccess y mime.types para formatos ogg.
  • Arreglada regresión cuando fuentes EOT han sido excluidas de la compresión DEFLATE.
  • Independencia de versión de Apache: Usar mod_filter para compresión, con fallback a directiva AddOutputFilterByType para versiones antiguas.
  • Agregados plugin/extension mime types para Safari, Chrome, Firefox
nginx
  • Limpiadas las directivas de expiración del caché.
  • Ahora incluye SVG y formatos de fuentes para gzipping.
  • Bug de header de expiración arreglado.
IIS
  • Agregados mime types de video Flash al IIS server
  • Agregadas algunas rarezas de mimetype que prevenían el cacheo adecuado

Nada más que añadir.

http://html5boilerplate.com/