Revista Comunicación

¿Que es bootstrap ? Bootstrap es un framework front end.

Publicado el 10 junio 2015 por Carmen Ferreira @negocioscaninos

Un entorno de desarrollo con una serie de recursos que simplifican el desarrollo de un proyecto web con html5, css3 y Jquery.

Bootstrap fué creado y desarrollado por desarrolladores de twitter para unificar sus criterios de trabajo internos, el resultado fue tan bueno que decidieron compartirlo bajo licencia Open Source, la acogida del proyecto fue tan buena que al final la comunidad de bootstrap en Git Hub es de las mas numerosas.  Por ello verás que en muchas partes se refieren a boostrap como twitter bootstrap.

Para descargar Boostrap

¿Por qué nos gusta a los diseñadores Boostrap?

Vamos al grano si me preguntan porqué me gusta bootstrap es por qué convierte el desarrollo en mas semántico, lo que hace que sea mas atractivo para los buscadores, ya que estructura y ordena la información dentro de la web de manera muy ventajosa para SEO.
La gran variedad de funcionalidades de sus estilos  me encantan  se nota que se ha tenido en cuenta el aspecto visual y la usabilidad a la hora de diseñar.

Para proyectos apoyados en la experiencia del ususario en los cuales ha obtenido muy buenas opiniones relativas a la usabilidad.

¿Que ventajas tiene Bootstrap?

Como muchos frameworks la rapidez por la cantidad de trabajo que está hecho y muchos componentes que necesitamos normalmente están desarrollados previamente.

Responsive design y  Mobile First lo cuál es muy importante.

Una gran comunidad de desarrolladores en Git hub para dar soporte por lo que hacen a Bootstrap un entorno de trabajo mas robusto

La integración de Html5 y css3 lo cuál lo hace muy poderoso y por tanto mucho mas ligero de cara a los navegadores.

LESS es un procesador para css que lo hace mucho mas potente y eficaz.

Integra 12 librerías de Jquery muy completas.

Sprites CSS incluir iconos de hojas de Sprite en cualquier lugar mediante la etiqueta <i class=”icon-twitter icon-blue”></i>

Sistema de Grid de 12 columnas tanto en px como en % para webs responsive.

Desventajas de bootstrap

Bootstrap tiene la ventaja y el inconveniente de cualquier framework aprender a usarlo y adaptarte a sus características y limitaciones.

Adaptarte a su modelo de grid a la hora de diseñar con 12 columnas y probar como quedan en algunos dispositivos los medianiles del grid o Gutters.

Si añades elementos externos debes aplicarles estilos porque no hace como wordpress que aplica los estilos automáticamente.

Debes elegir que módulos instalar porque si instalas todo puede ser demasiado código Less adjunta mas de 30 ficheros.

Cuando se trabaja en equipo todos los componentes deben tener nociones de Bootstrap e incluso crear una guía sobre la instalación de cada proyecto en particular.

Bootstrap y wordpress?

La integración en wordpress es una forma de realizar una web dejando la funcionalidad de poder editar algo al usuario final conservando el back end de wordpress lo cual puede hacer mas atractivo bootstrap para el cliente e interesante para proyectos que requieran aplicaciones mixtas o desarrollo ex profeso de aplicaciones.

También tiene integración con Drupal.

Existe la posibilidad de realizar temas de wordpress con bootstrap, a parte hay varios plugins, algunos para implementar los estilos css de Bootstrap y sus elementos mediante Easy Shortcodes.

SEO para bootstrap

Es ideal al ser tan semántico, html y con un gran marcado de datos muy similar a Schema.org es mas fácil de reconocer por los motores de búsqueda, la posibilidad de enriquecer el texto manualmente es muy interesante.

Bootstrap actualmente se usa mucho para realizar prototipos fiables, aunque me parece excesivo el esfuerzo que requiere existiendo aplicaciones muy completas para prototivado.

Bootstrap es un framework de programadores para programadores, aunque sin saber mucho le puedas sacar partido verás que necesitarás comenzar a aprender a programar.

ventajas de bootstrap


Volver a la Portada de Logo Paperblog