Es un problema común cuando estamos creando el Layout de nuestro sitio web, elegimos un estándar como el 960.gs o 1140px entre algunos frameworks, éstos solo se encargan del factor horizontal, de la maquetación en columnas, pero…
¿qué pasa cuando tratamos de establecer las distancias verticales?
Muchos de nosotros iniciamos tratando de ‘al cálculo’ determinarlas, que 40px ‘tantito más, tantito menos’ y para el otro elemento es algo totalmente incierto, nos rompemos la cabeza muchas veces tratando de hallar una manera lógica de fijarlo y en la mayoría de los casos terminamos insatisfechos teniendo demasiado o muy poco espacio en blanco en nuestro resultado final.
A continuación les diré —en lo personal— como resuelvo éso…
Lee todo el post »
Para muchos puede sonar como algo nuevo, algo desconocido o inclusive por el nombre: algo aterrador. Es un paso imprescindible en la creación de un sitio, intranet o aplicación y trata de lo siguiente:
Imaginemos que la tienda a la cual íbamos normalmente a comprar nuestros víveres ha sido cambiada, remodelada y demás; cuando buscamos algo en donde habitualmente: ¡Ya no lo está!, menudo lío; la pregunta aquí es:
¿Cómo hacer que las cosas estén situadas de una manera que un usuario intuitivamente pueda encontrarlas?
Lee todo el post »
Me encontré este site navegando por ahí, creo que en resumen contiene todo lo que un landing page necesita, aunque claro cada proyecto es diferente y se tendrán que hacer ajustes en textos, posición de elementos etc. Lo ideal es hacer (tener dinero para hacer) un test A/B y variar los elementos para ver como responde el usuario. Les dejo la liga al site.
Nota: Ver en Vimeo a mayor resolución — Link
Muchos de nosotros hemos visto buenos ejemplos de Fanpages personalizadas en Facebook, en lo personal no tenía idea de como hacerla, hasta que investigué un poco, para facilitar un poco a los demás su búsqueda, un rápido y práctico videotutorial explicando todo; éste es la primer parte: lo básico, próximamente publicaremos más videotutoriales en español acerca de tópicos diseñiles.
Lee todo el post »
Comentarios desactivados
Excelente tutorial para conocer de la A a la Z el posicionamiento con CSS. Learn CSS Positioning in Ten Steps.
