HTML5 Boilerplate

diseno-y-maquetacion-webHTML5 Boilerplate es un template de front-end prediseñado que te ayudará a construir webs y aplicaciones robustas y adaptables de una forma rápida y limpia.

En él encontraremos toda la estructura de carpetas y archivos básicos para generar una web, desde las carpetas más basicas y comunes como pueden ser css, js o img hasta los archivos más utilizados y importantes como jquery, el favicon, los diferentes iconos para iOS, los archivos para los robots, etc. El archivo index.html ya tiene todo estos archivos vinculados además de condicionales para Internet Explorer, los meta más comunes o los códigos para incluir Google Analytics por poner algunos ejemplos.

H5BP está construido y actualizado por un equipo compuesto por desarrolladores especializados en el front-end teniendo en cuenta las mejores y más actualizadas prácticas en el desarrollo web, con lo que tendremos:

  • Optmización entre los navegadores de los dispositivos móviles.
  • Cross-browsing (normalización entre todos los navegadores más usados).
  • Un archivo .htaccess enfocado a una carga de la página más rápida y el uso correcto de características de HTML5.
  • Clases “no-js” y “js” para estilos basados en capacidades del navegador.
  • Clases y condicionales específicas para IE.

A continuación tienes la estructura de carpetas y archivos que encontraras al descargar HTML5 Boilerplate:

–css
main.css
normalize.css
–doc
crossdomain.md
css.md
extend.md
faq.md
html.md
js.md
misc.md
TOC.md
usage.md
–img
.gitignore
–js
–vendor
jquery-1.9.1.min.js
modernizr-2.6.2.min.js
main.js
plugins.js
.gitattributes
.gitignore
.htaccess
404.html
apple-touch-icon.png
apple-touch-icon-57×57-precomposed.png
apple-touch-icon-72×72-precomposed.png
apple-touch-icon-114×114-precomposed.png
apple-touch-icon-144×144-precomposed.png
apple-touch-icon-precomposed.png
CHANGELOG.md
CONTRIBUTING.md
crossdomain.xml
favicon.ico
humans.txt
index.html
LICENSE.md
README.md
robots.txt

Descarga HTML5 Boilerplate desde aquí.

Author: Tumàs

Share This Post On

Submit a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

+ 30 = 35