¡Wow! Sitios creados con Bootstrap

bootstrap

¡Amigos!

Anteriormente les platiqué de los frameworks, pues en esta entrada les traigo algunos sitios creados con Bootstrap.

Para quienes no saben qué es Bootstrap:

Bootstrap, es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript,  el contenido se adapta al dispositivo en el que se esté visualizando.

Les comparto 4 sitios web creados con Bootstrap:

1. Lounge Lizard

1.PNG

Lounge Lizard es una empresa de diseño web ubicada en Nueva York.

Su sitio web no parece estar hecho con Bootstrap debido a lo bien elaborado.

En la esquina superior derecha cuenta con un menú, el cual se torna rosa al hacer scroll (desplazarse por la página).

1-1

Algo curioso es que al seleccionar el texto se torna rosa:

1-2

Cuenta con una gran variedad de imágenes haciendo del sitio más interesante.

1-3

1-4

¡Échale un vistazo!

LINK: http://www.loungelizard.com/

2. Woodies Clothing

2

 

Woodies Clothing es una empresa especializada en ropa de hombre a medida.

Si es difícil encontrar ropa que te quede, ¡Woodies hace posible diseñar ropa a tu medida!

Small neck, long arms, chiseled abs, or a round “one pack,” whatever your size… We’ve got you covered!

Éste sitio a pesar de tener un menú sencillo, el cual consta de 3 palabras: shop, about, blog es muy basto debido a su información. Los pantalones al dar clic en ellos se observa la tela y el color, las camisas están ordenadas por categorías, cuenta con la descripción de su marca, y cómo vestirte para tu boda.

2-2

2-7

Al dar clic en menú los colores se invierten, los botones pasan de ser blancos a negros.

2-52-6

Cuenta con un video que hace referencia a su marca, un log in para entrar al sitio y poder comprar.

 

¡Échale un vistazo!

LINK: https://woodiesclo.com/

3. Roxy Koranda

3-2

Roxy Koranda es un sitio web de una diseñadora gráfica a la cual le gusta viajar.

Su sitio web está compuesto por cajas que al dar clic en ellas nos llevan a una página con su respectiva descripción .3-1

Dentro de su contenido alberga un slider que permite desplazarnos por medio de las flechas izquierda / derecha.

A pesar de ser un sitio el cual está ordenado por cajas es muy práctico.

¡Échale un vistazo!

LINK: http://roxannekoranda.com/index.html

4. Brand Watch

4-1

Brand Watch es una empresa que se encarga de obtener una visión profunda de la opinión del consumidor sobre cualquier tema de la web social.

Su sitio web a mi parecer está bastante complejo, ya que se puede elegir el idioma, agregar el número de teléfono…

 

Incluso en la parte inferior derecha podemos observar un diálogo encerrado en un círculo el cuál al dar clic nos da un mensaje, induciéndonos a echar un vistazo.

1213

Tiene un mapa que se desplaza.

4-10

Recomendaciones.

4-6

Cabe destacar que cuenta con pequeñas animaciones al ir desplazándose por el sitio.

4-4

¡Échale un vistazo!

LINK: https://www.brandwatch.com

Sí, efectivamente este sitio y los anteriores están hechos con Bootstrap. ¡Impresionante! ¿No?

Así que ahora sabemos que Bootstrap nos permite crear sitios web únicos y que es una gran ayuda: ahorrándonos tiempo, estrés, porque… con bootstrap ¡dejamos de complicarnos y empezamos a ver más allá de los códigos!

~~¿Ustedes qué piensan?~~

~~¿Utilizarían Bootstrap o si ya lo hacen qué les parece?~~

¡Compárteme tu opinión!

DEJA TU COMENTARIO🙂


Fuentes de información:
http://www.arweb.com/chucherias/editorial/%C2%BFque-es-bootstrap-y-como-funciona-en-el-diseno-web.htm

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s