SuperCSS #51
# Newsletter sobre diseño web en español #
Publicado el 22 de octubre de 2013
Artículos & Tutoriales
Efecto Hover PizzaTime con transiciones y pseudo elementos CSS
Fuente / Autor: 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
Fuente / Autor: 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
Fuente / Autor: 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
Fuente / Autor: 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!!
Fuente / Autor: 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
Recursos
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
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
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)