nube.de.trapo

viernes, 1 de junio de 2012

Mudanza

Si llegaste aquí por alguna razón... te recomiendo que mejor vayas para allá: http://nubedetrapo.com/blog/

lunes, 28 de mayo de 2012

Tips para diseñar para móviles (celulares)

Actualmente estoy diseñando un sitio con su versión para celulares y tuve que echarme algunos artículos con mucho blablabla.
Lo primordial es esto:

Hacer un HTML y CSS especial para la versión móvil.
Debes colocar un script en tu versión para pc que detecte que se está viendo mediante un móvil y redireccionarlo. (Por lo pronto se los debo porque no me tocó hacer esa parte :B)
Quita todo el contenido que no sea vital.
Hazlo lo más ligero posible. El internet en los móviles es más lento, así que también considera quitar fondos pesados e imágenes innecesarias.
Define el ancho del contenido con porcentaje, de preferencia 100% (ya que las resoluciones varían mucho y en el caso del iPhone con solo girarlo cambia drásticamente)
Si no quieres que el dispositivo redimensione todo; coloca este código en el < head >
< meta name="viewport" content="width=device-width" / >
En ocasiones las tipografías también se redimensionan, para evitarlo coloca este código en tu hoja de estilos:
/*only iPhone*/
@media only screen and (max-device-width: 960px) {
/*fixes too big font in mobile Safari*/
html { -webkit-text-size-adjust:none; }
}
Según dice ahí, sólo funciona en iPhone, no he podido testearlo en otros
Recuerda que los dispositivos touch no detectan el :hover en los links.

Por lo pronto es todo; conforme me vaya topando con más tips que pueda agregar los iré poniendo.

:)

Fuentes: prueba/error y mil sitios de google, de los cuales sólo guardé este:
http://www.freepx.net/blog/how-to-stop-font-resizing-on-iphone-without-affecting-zooming-in-safariwebkit/

martes, 15 de mayo de 2012

inspiración de origen asiático

Encontré este sitio web con muchas ilustraciones genialosas. No sé japonés así que no sé en sí cual sea el objetivo del sitio (aparte de ser una gran fuente de inspiración). Aqui el link directo a la galería de ilustraciones: http://alice-books.com/item/list/all?tag=%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88&page=1

lunes, 7 de mayo de 2012

Templates para diseño de papelería

Me topé con un sitio mágico en el que hay algunos templates con líneas guía para brochures, flyers, tarjetas de presentación, etc.

Link: http://www.48hourprint.com/photoshop-templates.html

martes, 1 de mayo de 2012

inspiración :)

sábado, 28 de abril de 2012

Photoshop visto desde los ojos del cliente

Había oído hablar de esta animación pero no había tenido el gusto de verla. Es una versión de photoshop según la idea que tienen los clientes de él. Aqui les comparto el link y una imagen como preview:

El photoshop de la imaginación del cliente podría ser también el de nuestros sueños.

Esto me recordó también una imagen que anduvo por doquier hace algunos ayeres, si no me equivoco como publicidad para la versión de Adobe Photoshop CS4: