Maquetando Archive

Holder.js : Maquetar con imagenes dinamicas
28 octubre, 2014No Comments
Holder.js es una herramienta verdaderamente útil a la hora de maquetar sitios , lo que hace es colocar una imagen svg generada con canvas mediante la etiqueta y las medidas que le asignemos para cubrir el área que despues sera reemplazada por la de nuestro diseño final. [ Enlace : Holder.js ]

Preboot : Libreria de Mixins para Less
25 septiembre, 2013No Comments
Preboot.less es una colección de útiles mixins para LESS que como comenta su autor originalmente se convirtieron en el motor de Bootstrap y que ha retomado para ofrecernos una segunda versión . En esta se incluyen una gran variedad de mixins esenciales que nos ayudan a agilizar nuestro trabajo y que en conjunto nos ofrecen

5 herramientas para pre visualizar nuestro sitio web movil.
31 julio, 2013No Comments
En un post anterior vimos una extensión llamada Ripple en la cual podíamos pre visualizar nuestro sitio web en diferentes dispositivos. Ahora veremos 5 herramientas online que podemos usar para pre visualizar nuestro sitio web móvil en diferente resoluciones. ProtoFluid ProtoFluid es una herramienta que permite probar nuestros sitios web en diferentes tamaños de

Ripple : Extensión de Chrome para probar sitios y aplicaciones móviles
30 julio, 2013No Comments
Uno de los problemas cuando nos dedicamos a desarrollar sitios web para móviles sin duda es no contar con los dispositivos de forma física , seria muy costoso comprar si quiera los 10 mas utilizados del mercado para hacer pruebas básicas como de visualización, es ahí donde Ripple hace su aparición . Ripple se

HTML KickStart: Una Alternativa a Twitter Bootstrap
13 julio, 20132 Comments
HTML KickStart es un conjunto de herramientas que nos permiten crear interfaces para sitios web y aplicaciones de una forma rápida, sencilla y muy eficaz , si bien existen herramientas como bootstrap de Twitter a veces pueden llegar a ser pesadas cuando solo requerimos ciertos elementos para nuestros proyectos. HTML KickStart viene con una

¿Que es el wireframing?
13 julio, 20131 Comment
Respuesta corta: Wireframing es una manera de diseñar un sitio web en el nivel estructural analizando las necesidades de el usuario, asi como la información que llevara dicho sitio . Los Wireframes se usan al incio de un proceso de desarrollo para establecer la estructura básica de una página antes de que el diseño visual