SuperCSS

SuperCSS #69

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

Publicado el 15 de abril de 2014

Artículos & Tutoriales

Como añadir o quitar clases CSS con HTML5 classList API

Fuente / Autor: www.nosolocss.com
Tutorial sobre como añadir, quitar, conmutar, o comprobar si una clase CSS existe usando la API classList de HTML5.

Animaciones CSS3 al fin del ciclo

Fuente / Autor: www.csslab.cl
La propiedad CSS3 animation-fill-mode cumple un papel esencial cuando estamos trabajando con animaciones CSS3. Nos permite indicar cómo debe aplicarse una animación CSS al elemento antes y después que se ejecute.

Cargar solo iframe de Youtube cuando el usuario pinche en la miniatura del vídeo

Fuente / Autor: hoyheaprendido.es
Pequeño truco para evitar tener que cargar un iframe de Youtube y solo hacerlo cuando el usuario haga click en la miniatura del vídeo.

Diseño de Experiencia de Usuario: etapas, actividades, técnicas y herramientas

Fuente / Autor: nosolousabilidad.com
Un repaso a la metodología para afrontar el diseño de experiencia de usuario, integrando conceptos y enfoques de la arquitectura de información y el diseño de interacción.

Guía de Google Webmaster Tools

Fuente / Autor: www.40defiebre.com
Guía para aprovechar al máximo todas las herramientas y funciones de Google Webmaster Tools en tu blog.

Inspiración

Recursos

Velositey: prototipos en Photoshop

Velositey: prototipos en Photoshop

Velositey es una extensión gratuita para Photoshop CS6+ que permite crear prototipos de forma muy rápida.
Enjoy CSS: Generador de código CSS3 online

Enjoy CSS: Generador de código CSS3 online

Si quieres divertirte y a la vez aprender un poco más sobre CSS3, prueba esta aplicación online que genera el código a través de una interfaz gráfica muy intuitiva. Dispone también de una galería con diferentes ejemplos listos para descargar y usar!
Capptivate.co: patrones de animación iOS

Capptivate.co: patrones de animación iOS

Capptivate.co recopila ejemplos de patrones de interacción y animaciones para aplicaciones en iOS.