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

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

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

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

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

DesarrolloWeb esmarketingdigital Productividad ...

8 Pasos para Mejorar tu Desarrollo Web

Cuando empiezas un nuevo proyecto web, siempre te pueden surgir algunas dudas. ¿Debería planificar este proyecto o sumergirme directamente en la codificación?. ¿Debo utilizar este plugin o mejor una librería de codigos?¿Tengo que pedir ayuda o intento averiguarlo por mi mismo? Ya seas novato o un profesional en estos aspectos, son dudas que te pueden surgir muy a menudo, pero siguiendo algunas 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 ...

Blog Diseño web pagina web

La mejor tarjeta de visita, tu página web

Como bien sabes, hoy día si no tienes una página web en condiciones es posible que pierdas nuevas posibilidades de negocio, pero ¿qué es una página web en condiciones? A continuación te damos algunas claves para que tu tarjeta de visita sea lo que tus potenciales clientes se esperan encontrar. 1. Los Contenidos Crea un árbol de contenidos para tener claro que vas a ofrecer a tus clientes, investig ...

Google SEO

La importancia del texto en el SEO de una página web

Al robot de Google le encanta el texto. Más de 300 palabras en una página hacen que ya cobremos cierta importancia ante los algoritmos de búsqueda, y si escribimos 600 o 1200 mucho mejor. Una vez leí un tweet que decía: “El tocho de texto en la home funciona”, y es absolutamente cierto. Rellenar la página de inicio con abundante texto es muy tenido en cuenta en las webs de empresa, aunque esto lle ...

Publicidad

Cómo mejorar y actualizar el diseño de tu página web

En el post anterior te hablamos de la importancia de la imagen corporativa, si quieres dar una buena imagen es imprescindible que tu web esté adaptada a tu identidad y que sea útil para los usuarios. A continuación te explicamos cómo mejorar y actualizar el diseño de tu página web Actualizar la imagen de la página web de tu empresa es importante para que consigas destacar sobre la competencia,  ma ...

Blog

¿Necesita mi empresa una nueva página web?

¿Necesita mi empresa una nueva página web? Hoy en día todas las empresas disponen de una página web, pero es obvio que no todas ofrecen la mejor usabilidad o experiencia de usuario. Ya no es suficiente con tener una página web, sino que esta debe de estar optimizada, tanto para los motores de búsqueda como para los usuarios, tus clientes. En este artículo explicaremos porque es necesario que tu em ...