Marzo 2013
1 publicación nueva
3 etiquetas
Media, Media on the wall
Este fin de semana estuve leyendo un par de cosas sobre Media Queries con la intención de hacer una página en HTML adaptable en diferentes dispositivos, incluyendo desktop.
Después de varios intentos para que se vea bien en diferentes resoluciones (320px, 768px, 1024px, 1200px) encontré que mi principal problema era la escala del viewport
Viewport:
<meta...
Febrero 2013
1 publicación nueva
2 etiquetas
Septiembre 2012
1 publicación nueva
1 etiqueta
Attaboy Media: Faded shadows: opacity and... →
Odio cuando al poner una sombra en CSS3, su propiedad de desenfoque me da una mancha negra muy grotesca. La solución está en utilizar el canal alpha rgba(), suaviza la sombra y todo es más armonioso.
Encontré este post de hace años que explica el proceso:
I’ve been looking at converting drop shadows in Dabble DB from 24-bit PNG images to CSS attributes. Fewer images, lighter pages, faster...
Agosto 2012
2 publicaciones nuevas
3 etiquetas
jQuery Masonry →
Hace un par de meses usé este plugin en un proyecto y hace que los posts que tienen la misma clase se acomoden en forma de ladrillos como lo hace Pinterest.
2 etiquetas
Estos muchachos no logran su objetivo de...
Julio 2012
2 publicaciones nuevas
2 etiquetas
Delicioso comienzo de semana!
Mayo 2012
1 publicación nueva
4 etiquetas
Icons for typos
Es muy sabido desde los tiempos del Winamp que el uso despritespara los iconos es una gran ventaja que permite mantener el orden al máximo y el uso de recursos como memoria y ancho de banda al mínimo.
Mi inquietud sobre cómo usar un grupo de iconos para web que use pocos recursos me llevó a la técnica de usar fuentes como sistema para iconografía web.
En 24 ways explican de manera clara cómo...
Abril 2012
1 publicación nueva
Imagen adaptable →
Estuve probando varias soluciones para adaptar imagenes dependiendo el tamaño de los dispositivos y estoy contento con el resultado de estos chicos. El truco es añadir el “efecto” adaptable a los estilos de imagenes!
Marzo 2012
1 publicación nueva
1 etiqueta
NEXT / PREV →
Por fin una solución al problema de usabilidad en Drupal, donde no puedes navegar entre posts del mismo tipo de contenido.
Febrero 2012
7 publicaciones nuevas
1 etiqueta
2 etiquetas
node--myway.tpl.php
…y cuando más confundido me sentía, cerré los ojos y posó sus manos sobre mí. Através de mis párpados aún cerrados podía ver la luz, aunque sabía que todavía estaba a oscuras. –Vivencia personal.
Ubercart crea un tipo de contenido propio para el detalle de los productos pero cuando intento darle estilo a la página me encuentro con una estructura que no va acorde con mi diseño.
Revisé...
1 etiqueta
Vestir botones
Usando Ubercart, el sistema Drupal-Friendly para e-Commerce, me doy cuenta que hay varios botones que vestir: Carrito de compra, Añadir, Remover, Actualizar. Además de los que ya vienen por defecto en Drupal: Log in, Sign up, Cancel, etc.
Lo ideal sería acompañar un icono para cada botón, ayuda a identificar la función que desempeñan. Para esto hice un sprite con diferentes imágenes.
El estilo...
1 etiqueta
Web making 101
I finally made it! I got myself into the Webcraft Challenge at P2PU. As a graphic designer I like to apply color and shapes to the web, but my primary goal is to understand and use Javascript and jQuery to my designs. I’m really looking forward to this course, so hold your stocking, kids!!!
1 etiqueta
P2PU
Back to School
Acabo de inscribirme en el proyecto P2PU de conocimiento colectivo para realizar varios ejercicios que me permitan aprender lenguajes de programación, sobre todo estoy interesado en JavaScript y jQuery. La idea es aplicar estos conceptos a lo que ya conozco de diseño web, desarrollarme un criterio basado en las experiencias propias y de los demás para hacer desarrollos más...
2 etiquetas
Menu options →
Let’s face it, I’m in love with Drupal 7. The Core is so simple that still has few options when it comes to using menu items (Joomla wins) unless you are editing the php for yourself. That’s why I’m using this little module that comes with different features such as classes, id’s, attributes, rel, targets and some useful stuff to work with jQuery or any other...
Enero 2012
1 publicación nueva
Could it be →
that your love will be great for me…
First take of a personal project involving songs and piecharts.
Diciembre 2011
2 publicaciones nuevas
1 etiqueta
Envy and Grid →
I’ve been using lately this grid system in my layouts and it’s extremely useful for breaking down the writer’s block.
But why 960? The point in having a 960px width grid comes from ancient webdesign and the spread of a myriad in screen resolution as explained in this post back in 2006.
What you get with the 960.gs are templates for different softwares as AI, PSD, FW, FL, ID,...
What should I do to become human?
Prove yourself brave, truthful, and unselfish, and someday, you will be a real boy.
–The Blue Fairy
