SuperCSS

SuperCSS #75

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

Publicado el 8 de julio de 2014

Artículos & Tutoriales

Pestañas con HTML5 y CSS3

Fuente / Autor: 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

Fuente / Autor: 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

Fuente / Autor: 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

Fuente / Autor: 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)

Fuente / Autor: 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

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.