volver a SuperCSS
SuperCSS

SuperCSS #75

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

Bienvenid@ a un nuevo número de SuperCSS, un newsletter sobre diseño web en español.

Material Design es el nuevo lenguaje de diseño para sus interfaces que ha presentado Google en el reciente Google I/O 2014.

Todas las guías de estilo y diseño están disponibles en Google Design con ejemplos aplicados en diseño, animación, layout, usabilidad, etc…en los que se puede apreciar por donde van a ir los tiros en el futuro de las interfaces de usuario de Android para móviles y tabletas, así como para aplicaciones web.

Hasta el próximo envío!

Articulos & Tutoriales

 

Pestañas con HTML5 y CSS3

www.webformativa.com

Tutorial para conseguir crear un sencillo sistema de pestañas con HTML5 y CSS3 utilizando la pseudo-clase: target

Mostrar imágenes en escala de grises con CSS

www.webbizarro.com

Los filtros CSS te permiten modificar la manera en que se muestran las imágenes de muchas formas, una de las mismas es mostrar las imágenes en escala de grises.

Tipografía web responsive: tamaño e interlineado

www.ernestojimenez.net

Cuál es un tamaño adecuado para el texto? Qué número de palabras por línea es correcto? Y el valor del interlineado? Todas las respuestas para conseguir que el texto de tus páginas sea leído por tus usuarios las encontrarás en este artículo.

Usa el Viewport correcto para layouts en responsive

www.cristalab.com

Configurar correctamente el viewport para layouts en responsive es clave para que nuestros diseños se visualicen sin problemas en todos los dispositivos móviles, sin embargo, no todo el mundo lo define correctamente.

Recursos y herramientas para ayudar con el desarrollo web actual (I)

embat.es/

Buena recopilación de recursos y herramientas explicadas para optimizar tu flujo de trabajo en el día a día del desarrollo web, lidiar con Internet Explorer o trabajar con diseños Responsive.

 

Inspiración

 
The Colors of Motion
The Colors of Motion
Lollapalooza 2014
Lollapalooza 2014
Media 599
Media 599
Häagen-Dazs
Häagen-Dazs
Hublot
Hublot
Insolvency in the UK
Insolvency in the UK
 

Recursos

 
Calmly Writer: procesador de textos online

Calmly Writer: procesador de textos online

Calmly Writer es un editor de textos profesional, diseñado para que puedas centrarte en lo que quieres comunicar, gracias a su diseño sencillo, minimalista y fácil de usar.

 
Agile CSS3 engine

Agile CSS3 engine

Agile CSS3 Engine usa Javascript para generar CSS3, sin necesidad de Canvas, ni WebGL ni SVG. Gracias a su rendimiento es perfecto en aplicaciones para móviles.

 

 
Flexbox Grid

Flexbox Grid

Flexbox Grid es el primer sistema de grids que usa flexbox en vez del tradicional float. Si tienes intención de usarlo revisa antes su compatibilidad con navegadores.