Actualizado 8 de Enero del 2015

Uno de los trabajos más costosos a la hora de diseñar una página web es comenzar. Descargar todas las librerías, organizar los archivos, enlazarlo todo correctamente en el head, colocar todos los metas, etc. Y cuando se suma un framework como Bootstrap, la tarea puede complicarse.

Hay multitud de plantillas iniciales para Bootstrap, y yo quiero aportar mi granito de arena con mi Plantilla base de Bootstrap vitaminada. Le he añadido diversas utilidades que suelo emplear que aceleran el trabajo y arreglan posibles problemas.

Características

  • Bootstrap 3.3.1 (Framework de HTML5)
  • JQuery 2.1.3 (biblioteca de Javascript que simplifica el trabajo)
  • Modernizr 2.6.2 (biblioteca de Javascript que detecta características HTML5/CSS3)
  • Font Awesome 4.1.0 (Iconos vectoriales)
  • Sass (Framework de CSS)
  • FastClick 1.0.2 (plugin de Javascript que arregla el retardo al hacer click en un dispositivo móvil)

Descargar

Ir a repositorio GitHub

 

Consejos

1) Si sabes programar en PHP, sería ideal separar el head en un archivo llamado head.php y el footer en footer.php. Después, en cada página nueva, añadir el siguiente código.

<?php require 'header.php'; ?>

Tu body

<?php require 'footer.php'; ?>

2) Trabajar Javascript sobre js/main.js

3) Trabajar Sass sobre css/main.sass. Sino sabes, pon tu CSS en css/main.css