comunidades

Bootstrap la herramienta que facilita el desarrollo de una página web

bootstrap-3


La evolución de Internet ha sido acompañado en su crecimiento por el enriquecimiento de su lenguaje para convertir una página web en un lugar donde el usuario pueda interactuar realizando gestiones, buscando información y dejando opiniones en la misma de forma amigable y sencilla.

El desarrollo de páginas web, gira fundamentalmente en el lenguaje HTML (Hiper Text Markup Language), el cual en los últimos años recibió la ayuda para potenciar el diseño y el formato de las mismas de parte del lenguaje CSS, u Hojas de Estilo Cascada (Cascading Style Sheet), lo que contribuyó contrbuyó además a agilizar la carga en los navegadores.

Si bien la herramienta que nos ocupa hoy, Bootstrap, nació por el año 2011, como una iniciativa para acelerar la creación de páginas web, en la actualidad se ha consolidado como un Framework (marco de trabajo) ineludible para los desarrolladores que se dedican a la creación y al diseño web.

Se adjudica la creación de este framework a Mark Otto y a Jacbod Thorntorn de Twitter que en principio mostraron a los desarrolladores una herramienta interna que intentaba solucionar algunas inconsistencias que se generaban al utilizar diferentes librerías para enriquecer la interface con el usuario, pero la misma resultó tan atractiva para los desarrolladores que decidieron ir a más con el toolkit.

Hoy en día es uno de los proyectos abiertos más populares que existen en Github, con más de 14.000 colaboradores y tiene una gran receptividad al tener una alta compatibilidad con los navegadores más importantes (esto quiere decir que los desarrolladores tienen la tranquilidad de que sus códigos son interpretados correctamente y los usuarios visualizan lo que quieren expresar a través de los mismos.)

Pero, concretamante, que es lo que aporta Bootstrap que no aporta CSS con su hoja de estilo? Básicamente lo que hace el framework es preconfigurar clases (que son definiciones de estilos asociados a las diferentes etiquetas que utilizamos en el lenguaje HTML) y con las mismas permitir simplificar de forma muy considerable el código que había que escribir antes para conseguir el mismo resultado.

Para hacerlo más gráfico. Si queríamos diseñar en nuestra página una barra de navegación con un menú para el usuario con el sistema convencional de CSS, debíamos utilizar un número importante de atributos cuya combinación nos permitiera lograr el objetivo de conseguir un diseño que consideramos adecuado para el estilo de la página.

Con Bootstrap todo ese grupo de atributos y combinaciones de los mismos, está condensado en una clase (en este ejempo sería la clase nav) y simplemente colocando en el código HTML dicha clase logramos el mismo objetivo que antes nos costaba más tiempo y tipeo.

Esta idea central, de preconfigurar formatos, estilos, diseño y colores en una clase permite un amplio abanico de posibilidades que no tienen límites en la medida que los códigos que se utilizan no son nuevos, sino que son ciento por ciento compatibles con los códigos aceptados por los navegadores.

Un pequeño ejemplo de esto, que puede llevar a futuras creaciones de clases más complejas, es la clase jumbotrón. Esta clase permite en un solo paso generar un escaparate atractivo para resaltar el contenido de una sitio web como forma de atraer la atención del usuario ofreciendo un diseño profesional.

jumbotron


Hacer este escaparate en el CSS tradicional llevaría el tipeo de varias etiquetas y atributos lo cual se convierte en algo simple utilizando Bootstrap. Además hay que mencionar que el framework no deja afuera a JavaScript un lenguaje fundamental a la hora de hacer dinámica una página con lo cual redondea una alta performance.

Sugerimos interiorizarse más en este framework que llega para quedarse y para crecer. Ya se anuncian nuevas ramificaciones del mismo que próximamente estarán disponibles.


Fuente: este post proviene de Tics en la web, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Cómo escribir artículos para SEO

Cómo escribir artículos para SEO Para que nuestra web gane un buen posicionamiento en Google, escribir un buen contenido dirigido al SEO es muy importante. Como redactora profesional y experta en reda ...

Recomendamos

Relacionado

Uncategorized

El desarrollo web: Todo acerca del desarrollo de aplicaciones web.

El desarrollo web: Todo acerca del desarrollo de aplicaciones web. ¿Qué es el desarrollo web? Podemos definir el desarrollo web como la programación del conjunto de líneas de código que permite la creación y el mantenimiento de una página o de una aplicación web. Gracias al desarrollo web se consigue que una página web sea rápida, que tenga un diseño agradable a la vista del usuario, que funcione ...

general app móvil html5 ...

5 Framework de Material Design para diseño y desarrollo web.

No soy mucho de usar Frameworks, pero seguramente ya tengo la elección de uno de estos para mi proximo proyecto web. Google combinó principios de buen design con las innovaciones tecnológicas y ciencia para crear el concepto de Material Design. Dicho de forma simples, Material Design es un concepto visual que trae los principios y reglas del diseño clasico y las probabilidades y normas de ciencia ...

Marketing Digital WordPress

¿Por qué deberías crear una página web con Wordpress?

Al momento de realizar un sitio web para una empresa o negocio, tenemos la oportunidad de contar con Wordpress, un software que permitirá por cuenta propia o a través de programadores, elaborar una página web de calidad que ofrecerá los resultados que necesitas. Wordpress, la plataforma ideal Puedes contratar agencias que crean páginas con wordpress en Valencia, un software que se encarga de gesti ...

Desarrollo Web Servicios Web HTML5

Qué son los Web Components y cuál es su utilidad para el desarrollo web

El mundo de la programación siempre ha estado en la búsqueda de nuevas maneras de optimizar y poder generar funciones que beneficien a las empresas. Hoy día, gracias a esta tecnología, es posible conseguir un mayor uso del tiempo de desarrollo y poder generar más dinero. La finalidad de esta tecnología Los expertos en Web Components reconocen la importancia de usar este tipo de tecnología, dado qu ...

informática internet redes sociales ...

Crear una Página Web Gratis

CREAR PÁGINA WEB Hoy os traigo un artículo dirigido en los que estén pensando crear una página web y aun no saben muy bien como ni por donde empezar. Para crear una página web, ya sea personal, corporativa o incluso una tienda online, es indispensable tener claros unos conceptos sobre el mundillo de las páginas web. Los siguientes conceptos son cosas diferentes, y hay que tratarlas como tal. Dom ...

informática crear pagina web creacion web

¿Crear una página web gratis o mejor de pago?

Diseñar una página web a partir de una plantilla gratuita o desde cero con un programador o agencia de desarrollo web es el dilema al que se enfrentan aquellos que buscan tener su propio website. Para empezar, ten siempre presente que no todo lo gratis es realmente gratis. Muchas veces el producto o servicio “gratuito” puede terminar costando mucho más que el dinero. Bien, eso sonó un ...

HTML: Nivel A1

Actitud para aprender a diseñar una web.

Y es que aprender todos los misterios y lenguajes para saber hacer una página web no es tarea fácil y menos si en vez de empezar por las bases te lanzas a la aventura y comienzas a construir cualquier cosa del primer tutorial que encuentras por Google, dejándote guiar por el alea iacta est (la suerte está echada), una filosofía por la que nos solemos guiar todos hasta que sucede algo malo que no h ...

HTML: Nivel A1

Errores HTML de principiantes.

Si sigues por aquí es porque todavía tengo oportunidad de hacer que te guste el mundo del diseño web, por ello hoy vamos a dedicar la entrada a ver los errores de principiante en HTML5, el idioma que pone la estructura de nuestra web. El lenguaje HTML fue creado por Tim Berners Lee, el padre de la web. Este lenguaje permite que los archivos que dan estructura a una web estén formados únicamente de ...

Tecnología aplicaciones Internet ...

El papel del desarrollo web en el nacimiento de la web 2.0

El desarrollo web es una de las actividades más importantes del internet, pues es responsable de la existencia de infinita cantidad de portales que usamos a diario; es el trabajo que permite crear contenido en internet, que nutre aquello a lo que hoy estamos acostumbrados y mediante él, surgen las nuevas formas de contenido y los puntos de partida de evolución, como ocurrió con la web 2.0 y los nu ...

css Ejercicio CSS Cajas CSS ...

Desarrollo de Plantilla Web con CSS, Formularios HTML y PHP

Plantilla Web CSS, HTML y PHP. Las lecturas previas para desarrollar esta plantilla son las siguientes: Guía de CSS para Principiantes Ejemplo de Plantilla CSS (Ejemplo1) Ejemplo de Plantilla CSS (Ejemplo2) ¿Cómo Abrir una Página HTML Dentro de un DIV? Después de revisar los ejemplos, Se propone la práctica de CSS, HTML y PHP por medio del desarrollo de una plantilla web que