Tics en la web Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

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

Blog diseñador web diseño web ...

¿Cómo emplear un buen diseño web?

Para crear un buen diseño web, hay que saber varios aspectos, estos permiten que no solo sea un limpio y atractivo layout sino que, ayuda también para la optimización del sitio web. Un diseño de esta índole esta caracterizado por una estructura que esta construida mediante un lenguaje de etiquetas (HTML) que permite edificar la arquitectura del mismo. Por lo general cuando se maqueta una web, se u ...

Blog diseño web Diseño web madrid ...

Cómo hacer una página web

¿Cómo hacer una página web? Las páginas web, se basan en patrones básicos para iniciar, primero hay que planificar como va estructurada la página, esto a través del lenguaje de etiquetas (HTML5), darle la pinta a la página basada en hojas de estilos (CSS3) como inicio, algo simple. Esto no es solo elementos con tags de HTML5, ni con atributos de las CSS3, pero es lo básico, de esta manera debes op ...

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 ...

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 ...

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 ...

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 ...

DISEÑO WEB GUÍAS Programación Web Herramientas ...

17 herramientas que todo diseñador web o programador debería conocer

En la actualidad existen multitud de herramientas de diseño web profesional que son capaces de facilitar muchas tareas. Por eso hemos intentado realizar una selección de esas herramientas para diseñadores web profesionales que merece tenerlas a mano. Puede que algunas no las utilices en meses, pero pueden sacarte de más de un apuro o simplemene agilizarte el trabajo. Herramientas de diseño web y p ...

General aplicaciones apps ...

Desarrollo de Aplicaciones Web para la página de su empresa

El Desarrollo de Aplicaciones Web se ha incrementado en los últimos años ya que no solo se utilizan aplicaciones para los teléfonos inteligentes sino que también se requieren App para la administración de sitios web como por ejemplo las paginas donde se compran y venden objetos, las paginas empresariales y las páginas que manejan catálogos de mercancía y ventas on line; que ayudan a incrementar la ...