SuperCSS #41
# Newsletter sobre diseño web en español #
Publicado el 9 de julio de 2013
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".
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!
Artículos & Tutoriales
Procesos de diseño web: Hammer vs Codekit
Fuente / Autor: 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
Fuente / Autor: 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
Fuente / Autor: 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
Fuente / Autor: 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
Fuente / Autor: 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
Recursos
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 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
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.