Extensiones de Firefox para diseñadores

[metacortex]

Seguramente hay más, pero coloco las que me han solucionado la vida. Veremos entonces por qué Firefox es el navegador preferido de los diseñadores:


ImageShack right-click

Esta herramienta es espectacular. Sólo es necesario darle un click derecho a cualquier imagen de la web para que de inmediato se suba al host sin tener la necesidad de bajarla a tu disco duro.



Instalación: Guarda la extensión en tu disco duro y luego arrastra el archivo hasta tu navegador. Inmediatamente se te abrirá la ventana de instalación de extensiones de Firefox.

..................................................

MeasureIt

Habilita una regla para saber cúanto mide en píxeles cualquier área que elijas de la página que visitas.



Instalación: Normal con un click.

..................................................

ColorZilla

Excelente herramienta que consiste en un cuentagotas, el cual nos muestra el valor hexadecimal del color que elegimos. Luego de hacer click ese valor se graba en el ícono, de manera que cuando le demos click derecho al mismo podremos copiarlo en el portapapeles y luego a la paleta de nuestro editor de imágenes.



Además nos muestra (de existir) el estilo CSS al cual corresponde el texto, tabla o área seleccionada. Es importante recalcar que debemos tener configurado nuestro monitor en color real a 32 bits. De lo contrario la información del hexadecimal será incorrecta.

Instalación: Normal con un click.

..................................................

Existen muchísimas extensiones en la página oficial de extensiones de Mozilla Firefox, pero en este caso estoy nombrando las que están directamente relacionadas con el diseño. Si alguien conoce más extensiones para diseñadores no dude en postearlas .

Saludos.

[daidalos]

web developer:

es un paquete de herraminmetas muy muy utiles, aprecio particualrmente examinar css de calquier pagina que veas, redimesionar la ventana del navegador, ocultar y ponerle bordes a las imagenes, y el zoom

[matius]

Otra extensión para los amantes del diseño web es: aardvark
http://www.karmatics.com/aardvark/
funciona dando clic derecho sobre una pagina html y start Aarvark, les muestra directamente en la ventana donde posicionen el curso le mostrara la etiqueta y el class o id que tengan asignado, util para recontruir o identificar las areas css de otros programadores


en este caso el muestra td luego el class o id del codigo css u otro, seguido del mobre de la asignacion de clase (en este caso controlbar)


otra de sus grande cualidades es simplemente que mientras tienen activado Aarvark y apuntan a una etiqueta que se motrara en rojo y pulsan Ctrl + V

veran en una ventana que les informará el codigo que tiene su selección en una ventana aparte (esta ventana es el corte usando la imagen de las caritas de ejemplo anterior)



En al pagina de extenciones pueden checar
2 para remover toda la publicidad de sitios como msn o de sitios que abusan de flash que se llaman Adblock y Noscript
(ejempos de los iconos que se colocan del lado derecho inferior del navegador

adblock funciona en publicidad flash mostrando una pestaña que dice adblock pulsenla y aparecera un cuadro den aceptar y desaparece. con click derecho y usandolo sobre una imagen como un banner busque Adblock image, sobre un iframe es lo mismo solo que les dara las profundidades des frame como Adblock depht 2 iframe y desaparece el frame
https://addons.mozilla.org/extensions/

No scrips es muy duro de usar y bloquea toda la publicidad pero da lata con muchos sitios web, le recomiendo que no bloquen la publicidad de los sitios que les gustan y visitan habitualmente pues va en detrimento de los mismo, sólo los sitios malos merecen esto, unicamente pulsado sobre el icono de la S


Conste que yo no bloqueo foros del web aunque ni estoy obligado a no hacerlo, pero entiendan que bloquear el sitio le trae problemas con phpbb u otro tipo de foros. Yo unicamente uso Adblock para bloquear imagenes enlas firmas y no bloqueo la publicidad de los sitios que me gustan como foros de web

como ejemplo: observen que en la declaracion de permitir sitios no he permitido maestrosdelweb.com pues no esta en este sitio asi saben que solo deben permitir la dirección en la que esten y no en direcciones ocultas o enmascaradas (ojo es un ejemplo, todo depende de la confianza que le den al sitio)


Otra extension es imagezoom que sirve para lo que su nombre dice
http://imagezoom.yellowgorilla.net/
o sea

y se activa poniendo el cursor sobre la imagen, click derecho y



se que adblock y no script no tienen que ver con el diseño aun asi sirven para la visualización correcta de un sitio que presente excesos, en cambio image zoom sirve para ver a detalle las imagenes que componen una web y darnos una idea de reporducirla en nuestro editor 2d preferido
saludos

[SebastiFast]

Muy buenas extensiones


_____

[CORE]

View Rendered Source Chart


Firefox Extension for SnagIt


Image Toolbar


Web Developer Extension

para los foros

BBCodeXtra