HTML5 Boilerplate le ayuda a crear aplicaciones o sitios web mas rapidos, robustos y adaptables.
¿Quien usa HTML5 BoilerPlate?
Google, Microsoft, NASA, Nike, y muchos mas.
Puedes obtener la version desde su sitio web oficial:
https://html5boilerplate.com/
O obtener una version personalizada desde:
http://www.initializr.com/
Su estructura es la siguiente:
. ├── css
│ ├── main.css │ └── normalize.css ├── doc ├── img ├── js │ ├── main.js │ ├── plugins.js │ └── vendor │ ├── jquery.min.js │ └── modernizr.min.js ├── .htaccess ├── 404.html ├── index.html ├── humans.txt ├── robots.txt ├── crossdomain.xml ├── favicon.ico
Pueden optimizar el sitio utilizando:
https://github.com/h5bp/ant-build-script
Pueden ver una documentacion pequeña sobre HTML5 Boilerplate en:
http://es.wikieducator.org/Usuario:Juanda/html5/Introducci%C3%B3n
HTML5 Boilerplate es una forma de utilizar este template para que
te ayude en tus proyectos (responsive design) y que sea mas rapido.
Incluye toda la documentacion muy sencilla en la carpeta doc/.
En los archivos de la carpeta CSS/, el archivo main.css incluye un
comentario donde el autor puede agregar sus estilos CSS.
Normalize.css es como reset.css mejorado. De manera que sea un poco
mas adaptable para todos los diseños de los navegadores.
En la carpeta img/ se incluiran todas las imagenes de tu proyecto.
La carpeta js/ contiene main.js donde iran todos tus scripts de
javascript. En plugins.js iran todos los plugins que utilices
a la hora de tu desarrollo, en la carpeta vendor/ se encuentran
los scripts jquery.min.js que facilita la escritura de codigo javascript.
Y modernizr.min.js que detecta las nuevas caracteristicas HTML5 y
CSS3. El .htaccess contiene varias optimizaciones para nuestra pagina
ya como el cache, URL's amigables, forzar paginas sin www, forzar HTTPS,
pagina de error por defecto, etc. 404.html es la pagina de error por
defecto. Humans.txt es un archivo que indica las personas que ayudaron
en el desarrollo del proyecto (TEAM), robots.txt es el archivo para
decirle a los motores de busqueda que pueden "ver" y que no, el favicon.ico
es el icono que se ve aun lado del titulo.
Trate de ser un poco explicativo, pero de todas formas en la pagina
web oficial tienen demasiada documentacion al igual que en github.
No hay comentarios:
Publicar un comentario