volver a SuperCSS
SuperCSS

SuperCSS #41

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

Hola a tod@s!

Cuando algo se pone de moda, se nota…si desde hace un tiempo el “flat design” aparece por todo tipo de artículos y tutoriales de inspiración, ahora parece que le toca el turno a las “long shadows”.

long-shadows

Una “long shadow” es una sombra alargada en 45º a derecha o izquierda creada desde las propiedades “text-shadow” o “box-shadow”, si todavía no las has visto, preparate, porque vienen pisando fuerte.

Hasta la semana que viene!

Articulos & Tutoriales

 

Procesos de diseño web: Hammer vs Codekit

www.ernestojimenez.net

Introducción sobre Hammer, una herramienta para ahorrar tiempo a la hora de crear una página web. El autor describe su proceso de diseño y como Hammer ha cambiado su forma de trabajar.

Funciones y Snippets útiles para WordPress

efren-martinez.pro

Completa colección de funciones y snippets para ahorrar tiempo y líneas de código a la hora de trabajar en un proyecto con WordPress. Seguro que alguno no lo conocías.

Transitions CSS3: Guia de aproximación y uso de las transiciones

ksesocss.blogspot.com
El artículo de repaso de esta semana es una guía explicativa de todas y cada una de las propiedades CSS que componen el grupo de las Transitions.

Cómo usar la consola de los navegadores web para ver errores de Javascript

www.vidamrr.com

Tutorial sobre cómo usar la consola de los navegadores web para ver errores en nuestro sitio o aplicación web, para hacer tests sencillos y tener un mejor control sobre lo que está haciendo nuestro código.

5 herramientas de SEO imprescindibles para tu posicionamiento

www.socialancer.com

Si te dedicas al posicionamiento o trabajas para mejorarlo, seguro que te interesan estas 5 herramientas de SEO gratuitas, realmente útiles y poco conocidas (sobre todo las 3 últimas).

 

Inspiración

 
Cyclemon
Cyclemon
Stefan Lucut
Stefan Lucut
Picbots
Picbots
Giellesse
Giellesse
Dolce&Gabbana
Dolce&Gabbana
Diet Coke
Diet Coke
 

Recursos

 
50 Snippets CSS que todo diseñador debe tener

50 Snippets CSS que todo diseñador debe tener

Colección con los mejores snippets de CSS que todo diseñador web debería tener. Super útiles!!!

 
DiagnostiCSS: Detecta visualmente HTML y CSS inválido

DiagnostiCSS: Detecta visualmente HTML y CSS inválido

DiagnostiCSS es un marcador para navegadores que detecta posibles problemas en el código, como estilos en línea, elementos vacíos, enlaces no válidos, etc.

 
Fontastic: crea tu propia fuente de iconos

Fontastic: crea tu propia fuente de iconos

Como viene siendo habitual las últimas semanas, otra opción para crear tu propia fuente de iconos. Fontastic destaca por poder incluir más de 1700 iconos y permite incluir tus propios vectores.