Las páginas web se componen de miles de elementos, algunos de ellos más visibles que otros. En concreto, las tipografías de los textos, los colores que se escogen para las mismas, y el contenido multimedia, son lo que perciben todos los usuarios de un simple vistazo.

Para todos aquellos que quieran conocer en profundidad estos tres elementos, traemos una herramienta disponible para Google Chrome y aquellos navegadores que soporten sus extensiones. Su nombre es CSS Peeper, y nos permite inspeccionar de una forma bastante visual los elementos de una página web.

En Xataka

Cinco extensiones para Chrome y Firefox si lo que te interesa es leer artículos sin distracciones

Una de las mejores formas de inspeccionar elementos visuales en una página web

Esta extensión se define como un "visor CSS inteligente", que nos permite, como su propio nombre indica, acceder a los códigos de estos elementos de las web, de un modo bsatante visual. No viene de más recordar que CSS es un lenguaje que se utiliza para diseñar los distintos estilos de los elementos que vemos en las páginas web. Al instalar la extensión y abrirla, veremos tres apartados principales, general, colors, y assets.

El primero de estos apartados (general) es el que se nos abre al iniciar la extensión, y nos permite conocer las fuentes que está utilizando la página web, así como cierta información (peso total y tiempo de carga) sobre …