Plug-ins (complementos) de firefox para diseñadores graficos/web

hoy les traigo una lista hecha y probada por mi de plug-ins para mozilla firefox que son de extrema utilidad para diseñadores graficos/webs y programadores web:

Web developer:

screen de la toolbar web developer

Es una barra muy util para diseñadores web,tiene las siguientes opciones:

Disable: Sirve para deshabilitar diversos componentes o partes del navegador. Por ejemplo, para deshabilitar la caché, Javascript, el bloqueador de popups, los colores de la página…

Cookies: nos permite hacer cosas con las cookies, como no permitirlas o encontrar información completa de las cookies que nos envían en cada página.

CSS: para realizar diversas acciones sobre las hojas de estilo. Nos permite no aplicarlas a la página, ver algunos estilos y otros no… incluso tiene una opción para editar las hojas de estilo en el propio Firefox y así ver cómo, alterando el código CSS de la página, se cambia el aspecto de la web.

Forms: nos permite realizar diversas acciones sobre formularios, como reasaltar y obtener información de todos sus campos. Pero también nos permite hacer cosas más peregrinas, como cambiar un campo select por un campo de texto, completar con textos todos los campos del formulario o quitar los maxlength de los campos.

Images: dispone de diversas opciones para alterar la presencia de las imágenes. Puedes permitirlas o deshabilitarlas, incluso deshabilitar sólo las imágenes que son externas al sitio web. Mostrar información de las imágenes, como sus rutas, tamaño en bytes, dimesiones en píxeles, etc.

Information: nos permite obtener más información de un montón de elementos de la página. Permite ver información sobre las anclas, el tamaño del documento, la profundidad de las tablas, el Javascript que se está ejecutando, información de los enlaces, etc. Hay tantas cosas que algunas son difíciles de entender qué es lo que muestran.

Miscellaneous: son varias opciones de distinta índole, como mostrar comentarios, unas guías para saber la localización de puntos en la página, editar el código HTML para ver qué ocurre directamente al cambiar el código de cualquier página sin tener que subirla al servidor, una visualización de la página en dispositivos con pantallas pequeñas…. Estas son opciones desconectadas entre si, pero algunas bastante útiles.

Outline: que sirve para destacar elementos de la página, como los enlaces, frames, tablas, celdas, elementos obsoletos que se puedan estar utilizando en el código, etc.

Resize: es una interesante utilidad para redimensionar la ventana del navegador, para observar el aspecto que tiene la web si se redimensiona la ventana a otros tamaños o definiciones de pantalla.

Tools: contiene unas herramientas muy útiles, como verificador de links, validadores del código, acceso a la consola de Java o Javascript, etc.

View Source: como su nombre indica, nos sirve para ver el código fuente.

Por último, también se dispone de un botón para acceder a diversas opciones para configurar el comportamiento del navegador o de esta extensión para desarrolladores.

¿que mas le podemos pedir a una toolbar?

View Source Chart:

View Source chart nos

muestra gráficamente las etiquetas HTML y las estructuras anidadas.

Firebug:

Firebug nos

permite editar, depurar y examinar las CSS, HTML y Javascript en una página web,ademas,es un genial “debugger” para CSS y javascript.

KGen:

kgen nos

muestra las palabras claves de una web y te ayuda a agregar mas a la tuya

Pallete Grabber:

Pallete grabber

te permite crear paletas de colores para programas de diseño gráfico (gimp,photoshop,krita,paint.net,entre otros),basándose en el sitio que este abierto en ese momento (útil para re-maquetar o para cuando estas en el proceso de edición gráfica y maquetado).

FireFTP:

FireFTP

es un cliente FTP con funciones básicas,perfecto para cuando tienes que subir una nueva hoja de estilos o nueva imagen,asi te ahorras el abrir firezilla o otro.

Dr.web anti-virus link checker:

Es el analizador de links creado por la cada vez mas popular compañía de software de seguridad dr.web,cuyos productos son muy usados por profesionales en la desinfección de sistemas. este plug-in es especial para programación,sirve para analizar tu sitio para ver de si no es detectado por error como código malicioso,para analizar tu sitio rápidamente,crea un mapa de sitio (archivo html con lista de links de tu sitio),preferiblemente un link por tipo de sector,por ejemplo,un link a las noticias,un link al foro,un link a un tema del foro,al index,etc…

WOT:

este complemente de firefox figura entre los 10 mas usados. sirve para saber si el sitio donde te encuentras tiene buena reputación y si es seguro. al webmaster le sirve para sumar su sitio a la larga lista de sitios,dar una opinión de tu sitio y darlo a conocer,la comunidad navegara tu sitio y diran si recomendable o no,si votan positivamente sube la confiabilidad y difucion (recomendación) de tu sitio. si no subes tu sitio,igual tarde o temprano,tengas o no el plug-in instalado (aunque nunca hallas ni oido de WOT),el bot de WOT lo encontrara y lo agregara a su lista de sitios,si tu sitio tiene buena calificación en WOT,tendrás mas SEO,además WOT envía recomendaciones de tu sitio a múltiples buscadores (algunos conocidos y otros que escasamente son conocidos).

ya saben,los pueden descargar desde el gestor de complementos de firefox.

Saludos

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: