List Headline Image
Updated by Dominando jQuery on Feb 27, 2015
Headline for Plantillas HTML5 que podemos usar
 REPORT
7 items   1 followers   2 votes   1.58k views

Plantillas HTML5 que podemos usar

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.

1

HTML5 Boilerplate

HTML5 Boilerplate

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.

Sitio Oficial | Github

2

Twitter Bootstrap

Twitter Bootstrap

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.

Sitio Oficial | Github

3

Foundation

Foundation

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.

Sitio Oficial | Github

4

jQuery Boilerplate

jQuery Boilerplate

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.

Sitio oficial | Github

5

Initializr

Initializr

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.

Sitio Oficial | Github

6

Skeleton

Skeleton

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.

Sitio Oficial | Github

7

HTML5 Bones

HTML5 Bones

HTML5 Bones

Si estas apunto de empezar a realizar tus proyectos en html5, este proyecto te ayudará a empezar con una base de referencia.

Sitio Oficial | Github