volver a SuperCSS
SuperCSS

SuperCSS #51

# Newsletter sobre diseño web en español #

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

www.cssblog.es

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

www.estudio-creativo.com

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

trip2themoon.com

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

www.frogx3.com

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!!

www.usabilidad-ux.com

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

 
Tomorrow World TV
Tomorrow World TV
Lacanche Vintage
Lacanche Vintage
Cyril Masson
Cyril Masson
Nex7 Marathon
Nex7 Marathon
Flat Guitars
Flat Guitars
Admir Hadzic
Admir Hadzic
 

Recursos

 
Layers CSS: framework CSS

Layers CSS: framework CSS

Layers CSS es un framework minimalista y muy ligero que se centra en la estructura. Hay estilos para formularios, tablas, listas, etc…, pero sin colores para que la personalización vaya de tu parte.

 
Iconogen: Generados de iconos favicon, Apple Touch y iOS7

Iconogen: Generados de iconos favicon, Apple Touch y iOS7

Desde este generador online podrás crear todos los iconos necesarios de un proyecto como el favicon, iconos de 32 y 64, todos los Apple Touch y hasta los de iOS7.

 
URL-CAP: crea capturas de pantalla desde una URL

URL-CAP: crea capturas de pantalla desde una URL

Tan solo con insertar la URL de un sitio web, te devuelve capturas de pantalla en diferentes tamaños: mobile (320px), tablet (768px) y desktop (1440px)