Botones sociales con Bootstrap

botones sociales con bootstrap

Cada vez es más común ver que las nuevas aplicaciones web o servicios en Internet que requieres de una cuenta para iniciar sesión nos facilitan hacerlo a través de nuestra cuenta en alguna red social, esto con el fin de hacer muchísimo más fácil y rápido el registro y en el camino obtener parte de nuestra información desde la red social.

Por el otro lado, del de los desarrolladores implementar estas integraciones no es nada fácil, cada red social ofrece métodos y formas diferentes de integración, pero por el lado de la estructura visual ya nos podemos tranquilizar un poco, gracias a Social Buttons for Bootstrap, un pequeño pero útil proyecto que nos entrega los botones de inicio de sesión de 12 redes y servicios sociales diferentes, cada uno con su color distintivo y en diferentes formas y tamaños.

Para utilizarlo lo único que tiene que hacer es descargar el proyecto desde Github e incluirlo en su proyecto web, después de eso utilizar algunas de las 12 diferentes clases y ya esta, tienen su botón para iniciar sesión desde las redes sociales.

Social Buttons for Bootstrap

Crea tu propio tema para Bootstrap 3.

Screenshot_48

Hace poco les compartía un PSD con todos los elementos de interfaz de usuario de Bootstrap 3, un recurso para los diseñadores de tu proyecto, pero hoy les traigo un recurso destinado a los desarrolladores, pero con las mismas características del PSD.

Se trata de Bootstrap Magic, una aplicación web que te permite mágicamente crear tu propio tema de Bootstrap 3, totalmente intuitivo rápido y por supuesto, gratis! :)

Lo único que tienes que haces y es la mayor parte del trabajo, es tener bien definido los colores, tamaños, fuentes, dimensiones e iconos que tendrá tu proyecto, una vez tengas todo listo entra a la aplicación y empieza a completar todos los campos que tengas que cambiar para volver realidad tu visión del diseño.

Absolutamente todo es personalizable, colores de las alertas, paneles, botones, navegación y demás, también la fuente y lo un elemento muy relevante, el tamaño, dimensiones, espaciado y margenes entre los elementos.

Una vez termines de crear tu tema, tan solo debes descargar el archivo CSS final, si eres más avanzado y estás trabajando con preprocesadores también puedes descargar el archivo LESS.

Bootstrap Magic

Tethered: Plantilla para WordPress gratuita, minimalista y responsive en HTML5

2-5-2013 9-58-20 PM

Tethered es un nuevo tema para WordPress completamente gratuito, presenta un diseño muy minimalista, solo consta del encabezado, una barra lateral a la derecha y una sección principal donde van los posts, en cuanto a la tipografía posee títulos grandes y muy definidos pero siempre conservando el estilo sencillo, haciendo más fácil la lectura de los posts que ocupan gran parte de la pantalla.

El tema está desarrollado con Twitter Bootstrap, haciendo posible su estructura Responsive, es decir, se adapta a cualquier resolución de pantalla, algo muy útil especialmente para tablets y smartphones, además de eso tiene Página personalizables, Menús desplegables, Comentarios anidados, Comentarios de autores destacados y fondo personalizable.

Descargar Tethered