SuperCSS #80

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

Publicado el 9 de diciembre de 2014

Artículos & Tutoriales

Sistema de clasificación 5 estrellas con CSS3

Fuente / Autor: w3.unpocodetodo.info/

Seguro que en algún proyecto has tenido que incluir un sistema de clasificación para que los usuarios puedan valorar un producto o un servicio. En este tutorial explican lo sencillo que puede llegar a ser usando botones de radio y label.

Posición de los botones

Fuente / Autor: laux.es/posicion-botones

Artículo sobre donde deben situarse los botones en diferentes dispositivos y como hacerlos más eficientes en visualización. Es continuación de este otro, Ok y Cancelar no es suficiente que tampoco deberíais perderos.

El nuevo elemento <picture> de HTML5 para crear imágenes responsive

Fuente / Autor: librosweb.es

Un repaso al nuevo elemento picture de HTML5 que permite describir con todo detalle cómo deben cargarse las imágenes responsive de tu sitio web

Conoce cómo funciona el browser y optimiza tu código frontend

Fuente / Autor: www.csslab.cl

Interesante artículo que muestra cómo funciona un browser desde que inicia el render del código de una página y con esa información, nos sugiere algunas técnicas para aumentar la optimización de los elementos que la componen.

Lazy Load de imágenes con JavaScript (funciona con Responsive Design)

Fuente / Autor: www.kabytes.com

Tutorial para realizar carga de imágenes bajo demanda (Lazy Load), una de las mejores técnicas para acelerar y reducir los tiempos de carga de un sitio web.