Crea templates personalizados para Twitter Bootstrap de manera más rápida y fácil

Publicado por & archivado en CSS, Diseño Web, Dispositivos móviles, General, Maquetación.

Bootstrap PlaygroundEl uso del popular framework creado por Twitter, Bootstrap (http://getbootstrap.com/), es muy recomendable para desarrollar proyectos de web responsivo y asegurarnos así una base sólida y correctamente construida para nuestras páginas.

A la hora de crear los templates base de nuestro sitio web, una vez instalados los archivos iniciales del framework, hemos de ir buscando los elementos y aplicar las opciones para construir la interface deseada.

Si nos mantenemos fieles la estructura de Bootstrap y usamos siempre sus recursos, garantizamos un óptimo funcionamiento y un código limpio, ordenado, ligero y validado.

La documentación que ofrece la propia página del Bootstrap es muy completa para ayudarnos a la hora de iniciar los templates e ir aplicando recursos, pero también existen otras ayudas en esta tarea: tenemos a nuestra disposición un editor online dedicado por completo a Bootstrap: The Bootstrap Playground (http://www.bootply.com)

Esta herramienta nos permite crear nuestros templates con todos los elementos y funcionalidades integrados y validados, simplemente tenemos que elegir los elementos y generar.

Existen otros editores online, como Jsfiddle (http://jsfiddle.net/) pero The Bootstrap Playground esta especializado en el framework que le da nombre, con lo que se crea el código base de nuestro site siguiendo estrictamente las bases de Twitter Bootstrap.

No solo ofrece un un editor de código HTML, CSS y JavaScript completo, si no que nos da multitud de demos, templates y snippets listos para su uso, facilitando la inserción de las herramientas JavaScript más usadas, como los plugins más populares de Bootstrap, micro-bibliotecas y frameworks más usados, p.e. FontAwesome, jQuery + jQueryUI, Bootstrap Select, Masonery, Google Maps, entre otros muchos más.

Otro punto que nos facilita el trabajo es que nos ofrece la posibilidad de renderizar el código para las resoluciones usadas en el diseño responsivo para tener una previsualización: desktop y mobile.

Una vez creado el template básico, solo tenemos que descargarlo y ya podemos aplicar nuestras hojas de estilos!

Para completar la ayuda, The Bootstrap Playground ofrece un editor visual drag-and-drop para montar las plantillas de un modo mucho más rápido al cual se puede acceder logeandose.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Utilizamos cookies de terceros para recoger información sobre sus visitas y su uso de nuestra web. En caso de continuar navegando por esta web entenderemos que acepta el uso de estos dispositivos. Más información: Política de Cookies .

ACEPTAR
Aviso de cookies
Artimedia