volver a SuperCSS
SuperCSS

SuperCSS #18

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

Bienvenid@ a un nuevo número de SuperCSS!

Mucho Responsive Web Design esta semana, repasando las ventajas SEO de usar estas técnicas (a Google le encanta, ya se ha manifestado en este sentido) y viendo como adaptar vídeos de Youtube o Vimeo en nuestros diseños responsive.

Además, un recurso con más de 30 herramientas y utilidades para RWD.

Hasta el próximo envío.

Articulos & Tutoriales

 

CSS3: Buenas prácticas para diseñadores

www.apañados.es

Manual de buenas prácticas para diseñadores incluyendo algunas de las directrices que te ayudarán a escribir código CSS3 más eficaz, fácil de mantener y a prueba de futuro.

Como mostrar información de imágenes con figure y figcaption en HTML5

www.elclubdelprogramador.com

El elemento figure es el encargado de definir elementos visuales que serán visualizados por el navegador y el figcaption nos permite añadir información textual de lo que estamos mostrando.

Como hacer responsive web los vídeos de Youtube o Vimeo

www.manoloaguado.es

Tutorial sobre como adaptar a distintos tamaños de pantalla los contenidos externos de sitios como Youtube o Vimeo.

3 Ventajas SEO del Responsive Design

www.e-interactive.es

Artículo que repasa algunas de las ventajas del Responsive Web Design a la hora de posicionar en buscadores una página.

Acelerando los tiempos de carga uniendo archivos Javascript con PHP

web.ontuts.com

Una de las reglas de oro cuando tratamos de mejorar el rendimiento en aplicaciones Web es reducir el uso de peticiones HTTP. Es una práctica recomendable unir todos los archivos JavaScript en uno solo para reducir el número de peticiones.

 

Inspiración

 
Coca-Cola
Coca-Cola
Fior di Latte Gelato
Fior di Latte Gelato
I Shot Him
I Shot Him
Yoan Chevojon
Yoan Chevojon
Wanda Digital
Wanda Digital
Minerva
Minerva
 

Recursos

 
30 Herramientas útiles para Diseño Web Responsive

30 Herramientas útiles para Diseño Web Responsive

Colección de herramientas y utilidades para apoyar el proceso de diseño y desarrollo de sitios web Responsive.

 
Más de 200 botones CSS3

Más de 200 botones CSS3

Recopilación de varios sets con botones construidos exclusivamente mediante CSS3.

 
Las mejores colecciones de iconos gratuitos de 2012

Las mejores colecciones de iconos gratuitos de 2012

La gente de Speckyboy ha reunido los 50 mejores set de iconos gratuitos del año 2012.