SuperCSS #80

Bienvenid@ a un nuevo newsletter de SuperCSS.

Este número 80 se ha resistido un poco, pero aquí está…

Google está empezando a incluir la etiqueta «Mobile-friendly» en los resultados de su buscador cuando se utiliza a través de móviles. La idea es mejorar el acceso a la información para los usuarios de estos dispositivos y evitar las malas experiencias al pulsar en resultados de páginas que no estén optimizadas para ellos.

Si quieres saber si tu página es «Mobile-friendly», prueba a pasarle este test: Mobile-Friendly Test

Hasta el próximo envío!

Articulos & Tutoriales

Sistema de clasificación 5 estrellas con CSS3

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

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 de HTML5 para crear imágenes responsive

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

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)

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.

Inspiración

Recursos