• Nosotros
  • Contacto
Öbjetto
Mússica
Advertisement
  • Login
  • Regístrate
Mi plan
Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda

No hay productos en el carrito.

Sin resultado
Ver todos los resultados
Gràffica
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda

No hay productos en el carrito.

Sin resultado
Ver todos los resultados
Gràffica
Sin resultado
Ver todos los resultados

CSS Peeper, una extensión de Chrome para diseñadores

Por Emma Benadero
05/05/2017
en Utilidades

¿Te has preguntado alguna vez qué fuente utiliza esa exitosa web, qué paleta de colores usa, de dónde son esos iconos tan atractivos, cuáles son los tamaños de cada uno de sus elementos, o cómo están alineados? CSS Peeper nace con el objetivo de inspeccionar cada elemento sin necesidad de indagar en los códigos de la web. 

CSS Peeper 2

Hasta ahora existían varias herramientas o plugins que resolvían pequeños problemas con el estilo de una web, pero todavía hacía falta una extensión de Chrome que solventara las inquietudes de los diseñadores. David Mlynarz, diseñador de productos, con la ayuda de Jędrzej Sadowski, desarrollador de aplicaciones enfocadas hacia el usuario, buscaron la forma de inspeccionar códigos para que los creativos pudieran centrarse en sus diseños.

Se acabó el inspeccionar códigos

Los manuales de marca de las empresas más importantes del mundo

Cómo identificar tipografía a partir de una imagen

Más

Al hacer click sobre un elemento, como un título, un fondo o una imagen, CSS Peeper identifica sus propiedades. Comprueba cada estilo sin necesidad de modificar ningún plugin, identifica cada tipografía, el tipo de letra, su tamaño y alineación, entre otras funciones. También ofrece la paleta de colores utilizada en la web sin necesidad de ir analizando de uno en uno cada tono y, por cierto, ahora puedes cambiar de un valor HSL a uno RGB.

Es una interfaz sencilla y agradable de usar 

Otra de las premisas que Mlynarz quería que se cumpliera con esta plataforma era que los estilos estuviesen organizados de una manera sencilla y coherente, para que su método de interpretación resultase verdaderamente útil. Su herramienta de inspección identifica desde sombras y rellenos hasta iconos o tipografías, y te permite descargarlos en PNG, svgs o jps. Extraer las imágenes o iconos desde su código era hasta ahora algo complejo, pero CSS Peeper incluye la opción de descargar los elementos, bien de uno en uno, o como un conjunto en un archivo .zip.

Diseñar para diseñadores es una tarea complicada. Los creadores de CSS Peeper tenían claro que debían causar un impacto inicial, que debía ser una herramienta que no solamente destacase por su apariencia e imagen, sino también por su la facilidad de trabajar con ella. A día de hoy, más de 16.000 usuarios se han unido a esta plataforma indicada para facilitar el trabajo de los diseñadores que se creó a finales de 2016 y que en abril de este año renovó sus herramientas con una nueva actualización.

→ CSS Peeper

Brand de CSSPeeper por la ilustradora Joanna Lawniczak
Brand CSSPeeper, diseño de la ilustradora Joanna Lawniczak

CSS Peeper 1 Css Peeper 8 CSS Peeper 3 CSS Peeper 4 CSS Peeper 7 CSS Peeper 6 CSS Peeper 9

Actualizado 05/05/2017

+ Artículos

Utilidades

Los manuales de marca de las empresas más importantes del mundo

Por Gràffica
Utilidades

Cómo identificar tipografía a partir de una imagen

Por Gràffica
Utilidades

¿Qué es y qué ventajas tiene el formato TIFF?

Por Gràffica
Utilidades

Descubre la web que todo diseñador usa para acertar en cada medida

Por Gràffica
Utilidades

Una joya para los creativos en busca de mockups de alta calidad

Por Gràffica
Utilidades

La gran biblioteca de recursos para diseñadores

Por Gràffica
Formación

¿No sabes qué estudiar? Tres grados creativos de UDIT que sí tienen futuro

Por Gràffica

Todavía no lo has decidido. A estas alturas del verano, quizá sigues dándole vueltas. Lo sabemos bien en la redacción...

Leer
Logo Nasa Spot B 1

El logo de la NASA: quién lo diseñó, qué significa y por qué es un icono universal

El diseño de la portada de The Dark Side of the Moon, el álbum icónico de Pink Floyd

Los manuales de marca de las empresas más importantes del mundo

Encuesta: ¿Qué pasa con el audiovisual? Ayúdanos a dibujar el estado actual del sector

  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
Aviso legal | Política de Privacidad y cookies | Condiciones de compra

© 2025 graffica.info

Sin resultado
Ver todos los resultados
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • Login
  • Únete
  • Carrito

© 2025 graffica.info

¡Hola de nuevo!

Entra en tu cuenta abajo

¿Has olvidado tu contraseña? Únete

¡Crea una nueva cuenta!

Rellena el formulario de abajo para registrarte

Se requieren todos los campos Entrar

Recupera tu contraseña

Por favor, pon tu usuario o email para restablecer tu contraseña

Entrar
Sin resultado
Ver todos los resultados
  • Ilustración
  • Tipografía
  • Branding
  • Packaging
  • Suscríbete
  • Tienda
  • Login
  • Únete
  • Carrito

© 2025 graffica.info