Maquetando Archive

Holder.js : Maquetar con imagenes dinamicas

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

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.

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

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

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?

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