Dominando jQuery
Existen unas herramientas muy utilizadas por los diseñadores de páginas web, que son plantillas básadas en HTML5, CSS3 y Javascript (jQuery frecuentemente) como por ejemplo HTML5 Boilerplate.
Aqui les presentamos un listado de plantillas alternativas que también podemos utilizar.
HTML5 Boilerplate nos ofrece simplificar el proceso de construcción de sitios web en HTML5 y para ello nos permite descargar una especie de template o plantilla que puede ayudar no solo a los desarrolladores web novatos, sino también a los más experientes.
Con H5BP podemos obtener código del mejor (está desarrollado por gurus como Paul Irish) para: normalización para todos los navegadores (cross-browsing), optimización de performance, optmizaciones para navegadores en dispositivos móviles, clases específicas para IE, clases “no-js” y “js” para estilos basados en capacidades del navegador, un archivo .htaccess que permite el uso correcto de características HTML5 y carga de página más rápida, y mucho más; todo hecho teniendo en cuenta las mejores prácticas de hoy en día en el desarrollo web.
Bootstrap, creado por Twitter
HTML, CSS y Javascript simple y flexible para componentes e interacciones de interfaz de usuarios populares.
Es un framework o conjunto de herramientas de software libre para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de diseño basado en HTML y CSS, así como, extensiones de JavaScript opcionales adicionales.
Foundation creado por Zurb
Colección de herramientas (framework), desarrollada por ZURB, para crear sitio y aplicaciones web más rápido y mejor. El primer framework CSS responsivo. Contiene plantillas HTML y clases CSS para tipografía, formularios, botones, navegación y otros componentes de interfaz. Hace uso de extensiones JavaScript como jQuery.
jQuery Boilerplate
La plantilla más popular para los principiantes. Posee una variedad de patrones orientados hacia el desarrollador avanzado.
También podemos utilizar línea de comandos para automatizar la generación de plugins a través de Yeoman.
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.
Skeleton es una pequeña colección de archivos CSS que facilitan el desarrollo de páginas web responsivas, es decir, páginas web con un diseño que se adaptan perfectamente a cualquier tamaño de una pantalla, ya sean computadoras de escritorio, laptops, tablets o smartphones.
Dentro de las características más importantes de Skeleton, destaca el uso del 960 Grid System (960.gs) a 16 columnas, ya que hereda los nombres de las clases, la simplicidad de la sintaxis y las mejores prácticas de CSS para la visualización perfecta en los navegadores actuales. Esto facilita considerablemente el desarrollo del diseño y la maquetación del sitio en un ambiente totalmente responsivo.
HTML5 Bones
Si estas apunto de empezar a realizar tus proyectos en html5, este proyecto te ayudará a empezar con una base de referencia.
