volver a SuperCSS
SuperCSS

SuperCSS #58

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

Bienvenido al número #58 de SuperCSS.

La aplicación Sketch se está situando como una de las herramientas de referencia en diseño web. Últimamente no dejan de aparecer sitios web con recursos y trucos sobre ella:

Sketch Mirror: para previsualizar en dispositivos iOS los diseños realizados en Sketch.

SketchTips: trucos y métodos abreviados de teclado para Sketch.

SketchMine: descarga de archivos .sketch clasificados en varias categorías.

Sketch Tips & Tricks : Blog con más trucos y consejos sobre Sketch.

Hasta el próximo envío (será el último del año).

Articulos & Tutoriales

 

Guardando pngs en el servidor con HTML5

www.lostiemposcambian.com

Tutorial sobre como dibujar sobre un elemento canvas de HTML5 y utilizar su método toDataURL para capturar la imagen en un stream de datos binarios que se enviar al servidor y se guarda en un archivo PNG.

Mejorar la experiencia de usuario en sitios Responsive

www.desarrolloweb.com

Diseño web y Responsive Web Design requieren una adaptabilidad al contexto móvil, y no solo en la parte estética. En este artículo se explica cómo mejorar el rendimiento, la carga y la experiencia de usuario en webs Responsive.

10 plugins de Photoshop imprescindibles para diseño web

www.40defiebre.com

Descubre cómo aumentar las funcionalidades de Photoshop con estos plugins pensados para facilitarte la vida a la hora de diseñar sitios web.

7 claves para realizar un test de usuario en la web

www.socialblabla.com/

Uno de los aspectos más importantes, y que casi nunca se hace en un sitio web, es un test de usuario. Identificar donde podemos mejorar nuestra página para aumentar las conversiones es el objetivo.

Linkbuilding y la eficacia de los enlaces para el posicionamiento web

www.seoagencias.com

Interesante estudio acerca del posicionamiento web y la comparativa entre 9 tipos de enlaces que nos conducen a un linkbuilding de éxito.

 

Inspiración

 
Pharrell Williams-Happy
Pharrell Williams-Happy
Flat Guitars
Flat Guitars
Guts & Glory
Guts & Glory
Create Pilates
Create Pilates
nordic Light Hotel
nordic Light Hotel
HARBR
HARBR
 

Recursos

 
WebFonter: prueba fuentes en cualquier página web

WebFonter: prueba fuentes en cualquier página web

Con WebFonter puedes probar a cambiar las fuentes de cualquier sitio web directamente desde el navegador. Las fuentes que se ofrecen son las de FontShop, casi todas de pago, pero puede ser muy útil para pre-visualizar como quedarán las tipografías de tu nuevo diseño.

 
FitWeird: bookmarlet para Responsive

FitWeird: bookmarlet para Responsive

Este bookmarlet es ideal para calcular el tamaño de la ventana cuando estamos trabajando con diseños responsive. Además del valor en pixels incluye el valor en unidades em, perfecto para incluirlo en nuestros breakpoints.

 
Streamline: iconos iOS7 gratuitos

Streamline: iconos iOS7 gratuitos

Streamline es un colección de más de 1600 iconos con estilo iOS7. Existe tambien un pack de 100 iconos de descarga gratuita, “pagando con un tweet”. Cada icono está disponible en dos medidas: 30px para iOS y 24px para Android.