El Plugin WordPress de la Semana #1
27 abril, 2017
Como pasar tu wordpress del /web a raiz sin morir en el intento
3 mayo, 2017

Complementos de navegador que me facilitaron el desarrollo web #1

Hoy empiezo una serie de posts sobre complementos para Google Chrome y demás navegadores que como desarrollador web me hicieron mas cómodo mi trabajo.

PerfectPixel de WellDoneCode

Su pagina oficial: www.welldonecode.com

Actualmente PerfectPixel tiene soporte para:

  • Google Chrome
  • Safari
  • Firefox
  • Opera
  • Internet Explore
  • Edge.

Utilidad

Este complemento puede que sea uno de los mas útiles para aquellos que trabajamos con diseños ya realizados previamente en psd. PerfectPixel nos permite comparar en vivo el diseño previo con el resultado que hemos programado superponiendo la imagen con la opacidad que queramos y ajustándola a nuestra pantalla.

Cuenta con un control muy sencillo, en primer lugar vemos un control de opacidad donde podremos ajustarlo al gusto de cada uno. Justo debajo tiene un control de posición. Estos dos podremos ajustarlos ademas con el ratón de nuestro ordenador directamente en sobre la imagen superpuesta.

También cuenta con un control de escala para ajustar la imagen a nuestra resolución.

En cualquier momento podemos bloquear la imagen para poder interactuar con los elementos de nuestra pagina para poder trabajar con ellos. Además cuenta con unos atajos de teclado muy útiles, aquí los podréis encontrar www.welldonecode.com/perfectpixel/shortcuts/.

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies,

ACEPTAR
Aviso de cookies