htmlcinco

HTML 5, encontrá novedades, tutoriales y traducciones sobre este lenguaje.

Initializr: Proyectos HTML5 más rápido

Initializr: Proyectos HTML5 más rápido

Initializr nos ayuda a iniciar un proyecto en HTML5 de manera muy fácil y rápida, basado en HTML5 Boilerplate. Genera un template totalmente customizado por nosotros que contenga solo lo que realmente necesitamos para empezar.

Este generador (con nombre al mismo estilo que el de Modernizr) es un sitio que nos ayuda con la “patada inicial” del desarrollo de nuestros proyectos nuevos.
Básicamente lo que hace es generar templates basados en HTML5 Bilerplate, pero permitiendonos elegir qué partes queremos y cuáles no.

Entre estas “partes” que podemos decidir tener o no en nuestro nuevo proyecto, se encuentran algunas como:

  • Que ya tengamos un template creado, para no empezar absolutamente desde cero. Incluso podemos elegir que sea responsive.
  • Polyfills, ¿necesitamos Modernizr o HTML5 Shiv?
  • jQuery, versión reducida o de desarrollo
  • Podemos optar por querer tener la hoja de estilos en CSS o LESS.
  • Y más cosas como por ejemplo: Favicon, clases específicas para IE, robots.txt, humans.txt, página 404, etc.

Luego de haber elegido todo lo que nos sirve, solo queda descargar.

Template o página de inicio

Al descargarnos HTML5 Boilerplate (H5BP), nuestra página de inicio (index.html) está vacía, sin html o css, aquí es dónde se diferencia Initializr. Ya que su página de inicio viene con los bloques clásicos de cualquier sitio web ya definidos: header, footer, barra de navegación, una columna lateral y una página de ejemplo.

Página de inicio de Initializr

Conclusión

Ya lo he utilizado para dos proyectos y me ha sido de utilidad, ya que ambos eran cosas chicas que tenían que salir rápido. Creo que Initializr me fue de gran ayuda ya que me ahorró todo ese proceso inicial de cualquier proyecto web en el que “configuramos” el template general, enlazamos a las librerías javascript o polyfills que necesitamos, etc.

Muy recomendable: Initializr.

Comparte conocimiento:
Tweet about this on Twitter0Share on LinkedIn1Share on Facebook0Share on Google+0
¿Quieres saber más?
¡Suscríbete a nuestro newsletter!

Respetamos tu privacidad y tu tiempo, no recibirás ningún tipo de correo basura.

3 comentarios para “Initializr: Proyectos HTML5 más rápido”

  1. Ayla dice:

    La página que citan para ayuda en español es un dominio caducado.

  2. admin dice:

    Ayla,
    es verdad, ya se lo comuniqué a Jonathan Verrecchia, el creador de Initializr, y me respondió que ya lo sabía y lo iba a cambiar cuando saliera la nueva versión (según me dijo en pocos días).

    Gracias!

  3. Miguel Machado dice:

    Buen dia, solo trae la pagina de inicio, seria bueno que diera la opcion de poder agregar paginas con diferentes esquemas.

Dejar un comentario