Crea diseños en bootstrap de manera visual y sencilla con LayoutIt!

layoutit

La programación en Bootstrap nos ayuda acelerar los tiempos en diseño para cualquier proyecto siempre y cuando conozcamos las clases correctas para cada elemento. Aun así dependemos de un editor de programación. Pero se imaginan armar páginas web tan sólo arrastrando los elementos hacia una plantilla web y tener una vista real del diseño. Bueno esto es posible con layoutit.com, que nos da un servicio de edición visual y generar el código HTML, CSS y javascript automáticamente listo para bajarlo en un zipeado. Para empezar a utilizar este servicio sólo tienes que registrarte con un correo electrónico y password o con alguna cuenta de red social.


video
Crea diseños en bootstrap de manera visual y sencilla con LayoutIt!

Enlace: layoutIt!

Bootstrap versión 3 (rc1) disponible

bootstrap3

Si estas programando en Twitter Bootstrap, entonces ya puedes actualizar tu versión a la 3 (RC1), esta versión viene con algunos cambios y nuevas características, más información en The v3 pull request donde está la lista completa de cambios y algunos consejos útiles de migración.

bootstrap3_2

Enlace: Bootstrap 3
Vía: speckyboy

50 Plugins para Bootstrap

featured_4

Si ya estas creando páginas en Bootstrap y necesitas integrar más funcionalidad a tu proyecto, entonces te dejo una lista de Plugins para Twitter Bootstrap que ha sido seleccionados por tutorialzine.com.
Datagrid, galerías, lightbox, diálogos, notificaciones, formularios, Switch, Markdown, Maxlength, Selectores, editor de texto, Wizard, validaciones, Upload file, autocompletar, selectores de fecha, hora y colores, tablas, paginación, preview, tab drop, etc.

plugins 1

plugin2

Enlace: tutorialzine.com

Aprende a crear páginas web con Twitter Bootstrap

bootstrap

Cada vez que empezamos un proyecto Web lo primero es el diseño de las páginas, y siempre se nos escapa algún ajuste de tamaño, posición o validación con los diferentes navegadores.
Gracias a Bootstrap (que es como un Framework) ya podemos olvidarnos de todo esos problemitas. Esta herramienta tiene varias clases con estilos muy bien elaborados que podemos llamarlos de cada elemento de HTML como tipografía, tablas, formularios, botones, imágenes, iconos, enlaces, grupo de botones, menús,  paginación, thumbnails, alertas, etc.
Cada uno de estos elementos está diseñado para que cuadre siempre en el área de trabajo.
Y como si fuera poco también está integrado con JavaScript.

bootstrap_buttons

Si estás interesado en aprender Twitter Bootstrap te recomiendo que sigas este curso en:

 Curso Twitter Bootstrap

Por ahora hay cuatro capítulos pero en las siguientes semanas videotutoriales.com seguirá subiendo más videos.

(Todos los videos son creados por videotutoriales.com)