SuperCSS #51

Bienvenido al número #51 de SuperCSS.

Todo el mundo quiere optimizar sus imágenes para la web. Hace poco he descubierto una comparativa muy interesante sobre diferentes aplicaciones que hacen justamente eso, automatizar la optimización y reducción del tamaño de las imágenes para la web.

Las aplicaciones que aparecen como ganadoras son ImageOptim para los .jpg y ImageAlpha para los .png.

Hasta la semana que viene.

Articulos & Tutoriales

Efecto Hover PizzaTime con transiciones y pseudo elementos CSS

Tutorial para conseguir el mismo efecto en el estado hover de las cajas de navegación de la web Pizzatime, utilizando transiciones y pseudo elementos CSS.

Diseño de interfaces. Lo que deberías saber

Crear interfaces se convierte a menudo en un ejercicio de equilibrio donde tenemos que hacer malabares para que todo esté en su sitio de una manera clara, concisa, eficiente, atractiva…

Orden del contenido en Mobile First

Artículo sobre como ordenar y dar prioridad al contenido más importante cuando partimos de un diseño para móviles utilizando display:table y flexbox.

Como instalar Internet Explorer en Mac para probar diseños web

Tutorial paso a paso como instalar Internet Explorer en Mac con el fin de poder probar nuestros diseños web en Internet Explorer.

Aclarando conceptos: Usabilidad vs Experiencia de Usuario (UX) …Fight!!

Sabes cual es la diferencia entre Usabilidad y Experiencia de Usuario (UX)? Este artículo explica con ejemplos las diferencias que hay entre esos términos.

Inspiración

Recursos