BOOTSTRAP
Origen
Mark Otto y Jacob Thornton lanzaron la primera versión en agosto de 2011 bajo el nombre Twitter Blueprint. Inicialmente, esta fue una herramienta interna que permitía que el diseño de esta popular red social fuera coherente y consistenste. Sin embargo, meses más tarde, Twitter liberó el código y el framework en GitHub y lo renombró como Bootstrap.
¿Qué es BOOTSTRAP ?
Es una herramienta que proporciona interactividad en la página, por lo que ofrece una serie de componentes que facilitan la comunicación con el usuario, como menús de navegación, controles de página, barras de progreso y más.
Además de todas las características que ofrece el framework, su principal objetivo es permitir la construcción de sitios web responsive para dispositivos móviles.
Esto significa que las páginas están diseñadas para funcionar en desktop, tablets y smartphones, de una manera muy simple y organizada.
¿Para qué sirve BOOTSTRAP?
Su principal propósito es crear sitios que se adapten a dispositivos móviles, tablets y/o desktop sin ningún problema. Además, proporciona componentes para que el usu.ario pueda navegar de forma más sencilla por la página.
Aprender cómo usar Bootstrap es esencial para ganar experiencia en distintos ámbitos de la industria, pero, sobre todo, para crear un portafolio de páginas web que te permita destacar frente a los otros profesionales del área. Características de BOOTSTRAP
•Diseño responsivo: El diseño es el mismo pero adaptado en forma automática al tamaño de la pantalla. Este enfoque tiene algunos problemas como que el usuario puede verse obligado a hacer zoom en determinados sectores de la página para poder verlos.
•Avance progresivo: Se comienza diseñando el sitio para el dispositivo con menos recursos (Generalmente el móvil por tener una pantalla más chica, un navegador con menos compatibilidad para características avanzadas y, muchas veces requerir el uso de un plan de datos para conectarse). Una vez terminado, sobre la base de este diseño se van agregando características para obtener la versión para tabletas, notebooks y ordenadores de escritorio.
•Degradación gradual: Es el camino inverso. Se crea primero el sitio para escritorio y se le van quitando características hasta obtener una versión compatible con dispositivos móviles.
¿Qué Podemos hacer en BOOTSTRAP ?
Accesibilidad: Los componentes como menús o diálogos son compatibles con lectores de pantalla o aptos para su uso por personas con movilidad reducida.
Botones: Incluyendo medidas, estilos, estados y agrupamiento.
Formularios: Incluyendo representación, tipos de controles y validación de entradas.
Imágenes: Controla el origen, la alineación y la adecuación al tamaño de pantalla de las imágenes insertadas.
Elementos de navegación: Por ejemplo, barras laterales ocultables o menús verticales u horizoantales dependiendo del dispositivo.
Tipografía: Control de cómo se muestran las diferentes partes del texto.
Maquetación: Ajuste de la representación del contenido dependiendo del dispositivo.
Ventajas de usar BOOTSTRAP
•Desarrollo rápido y eficiente:
Una de las ventajas más obvias de Bootstrap es la velocidad de desarrollo. Bootstrap viene con plantillas de diseño predefinidas que las personas dedicadas a maquetación y desarrollo pueden usar para crear un sitio web funcional de manera rápida. Esto es especialmente útil para los proyectos que tienen plazos de entrega ajustados. Esta es una de las características que muchos alumnos aprecian al momento de comenzar y elegir una librería.
•Diseño adaptado a diferentes dispositivos:
Otra gran ventaja de Bootstrap es su enfoque en el diseño responsivo. Con el auge de los dispositivos móviles, es esencial que un sitio web se vea bien en todas las plataformas. Bootstrap utiliza un sistema de cuadrícula fluida que se ajusta dinámicamente al tamaño de pantalla adecuado, ofreciendo una experiencia de usuario óptima en cualquier dispositivo.
•Personalización:
Bootstrap es altamente personalizable. Las personas que tienen el rol de maquetar un sitio Web o la interfaz de usuario de una Web App pueden elegir qué componentes incluir en su proyecto, lo que permite tener solo lo necesario y mantener un tamaño de archivo mínimo.
•Soporte, actualizaciones y comunidad:
Como una librería de diseño popular y ampliamente adoptada, Bootstrap tiene una gran comunidad de desarrolladores. Esto significa que recibe soporte y actualizaciones regulares. Esto contribuye a que cada nuevo proyecto se pueda nutrir de todas las novedades del mundo del diseño Web. Una extensa documentación es otro de los puntos clave. Bootstrap tiene una documentación muy completa y fácil de entender, lo que facilita su aprendizaje y uso. Para los diseñadores que están empezando a aprender sobre el desarrollo y maquetado web, la documentación de Bootstrap puede ser un recurso valioso.
•Estilo uniforme y fácil de seguir:
Bootstrap proporciona un estilo uniforme por defecto para la mayoría de los elementos HTML. Esto puede ser una gran ventaja para los diseñadores ya que proporciona una base sólida y coherente sobre la cual trabajar. Esto no solo ahorra tiempo, sino que también asegura consistencia y coherencia en todos los elementos. También es un factor clave para desarrolladores que quizás no tienen tanto conocimiento del diseño, ya que facilita la creación de interfaces amigables, modernas y con un muy buen look.
•Componentes reutilizables:
Bootstrap se distribuye con una serie de componentes predefinidos que tanto desarrolladores los diseñadores pueden usar. Estos incluyen botones, tarjetas, modales, desplegables, barras de navegación y mucho más. Estos componentes son reutilizables, lo que ahorra tiempo al diseñar y mantener la consistencia del diseño.
•Compatibilidad con diversos Navegadores:
Uno de los desafíos más grandes en el diseño web es hacer que los sitios web sean compatibles con todos los navegadores. Bootstrap es compatible con todos los navegadores modernos, lo que ahorra a los diseñadores mucho tiempo de prueba y depuración. Este factor es clave a la hora de pulir un sitio Web, ya que el tiempo de test y corrección, en ocasiones puede demorar una entrega. Partir de una base sólida es un requisito para no padecer problemas estructurales en las siguientes etapas.
Enlace de BOOTSTRAP
Comentarios
Publicar un comentario