Blog de la Web

9 agosto 2010 in Diseño Web, Internet, Optimización Web, Programación Web, Recursos de Diseño by dacho

Bueno normalmente cuando trabajamos de Diseñadores Web todos tenemos varios programitas o plugins que nos permiten hacer algunas cosas de forma sencilla. En este caso les traigo 8 plugins que realmente son útiles para Webmasters. Utilizar varios de ellos al mismo tiempo nos permite hacer muchas cosas que nos harán realizar mejores trabajos y ahorrar tiempo y dinero!.

WebDeveloper

Excelente plugin con cientos de utilidades para los webmasters, nos permite desactivar el javascript, css, con dos clic validar los documentos y saber si pasan el examen de la w3c, lo cual nos da la posibilidad de ver mejor la semantica de las webs y en base a eso Estudiar posibilidades para el SEO e investigar a la competencia. Esta barra es indispensable para todo webmaster!

Descargar Webdeveloper

FireBug

FireBug es una extensión especialmente pensada para programadores y desarrolladores web. Con ella podrás inspeccionar al detalle el código fuente y el funcionamiento de tu sitio web, localizando e incluso depurando cualquier error o bug al instante. La extensión abre una ventana a modo de consola en el navegador, donde muestra los posibles errores en el código JavaScript o CSS. También podrás inspeccionar el código HTML de la web examinando objeto por objeto toda la web, repasar el diseño y echar un vistazo a todos los datos del DOM de tu documento web.

Descargar Firebug

Estas dos extensiones son muy útiles y se complementan una a otra!.

Rainbow

Con un ícono representando un arco iris en la barra de estado del navegador, esta extensión nos permitirá consultar los colores utilizados en la página que estemos visitando. Entre sus opciones, además de poder elegir un elemento con el mouse y que nos informe el código del color (en el formato que deseemos; RGB, Hexadecimal, HSL) puede analizar la página y mostrarnos los colores según las especificaciones CSS que esté utilizando. Algunas Caracteristicas:

• Inspector: permite tomar una muestra de color de cualquier pixel en el navegador
• Analyzer: extrae el esquema de colores de cualquier página Web (Firefox 3.5 o superior)
• Picker: selector de color HSV
• Library: Permite filtrar los colores guardados por etiqueta o tono o fecha y otras métricas

Descargar Plugin RainBow

MeasureIt

Muchas veces Cuando estamos haciendo un sitio, nos interesa saber cuánto mide tal o cual objeto en la pantalla. Para eso, esta extensión nos será extremadamente útil. Basta con activarla desde el botón correspondiente para que nuestro puntero se convierta en una práctica regla con la que podemos medir en alto y ancho en píxeles lo que sea que veamos en la página cargada en el navegador.

Descargar el Plugin MeasureIt

Coral IE Tab

Esta extensión nos permite con un click, cargar dentro del mismo Firefox la página actual, pero vista con el motor del navegador Internet Explorer. De este modo, podremos verificar la manera en que se visualiza una misma página en ambos navegadores.

Aparece como un ícono en la derecha de la barra de estado que cambia del de Firefox al del Internet Explorer de acuerdo al motor de navegador que esté siendo utilizado. Si hacemos click sobre el mismo, carga nuevamente la pestaña actual con el otro motor, pero si hacemos click con el botón central, abre una nueva pestaña con la página vista por el otro motor de navegación.

Descargar Plugin IETab

Console²

Extensión dedicada a los desarrolladores web, Nos brinda mejoras en la consola de errores de nuestro navegador. Utilizándola podremos, por ejemplo, filtrar los errores según se traten de CSS, JavaScript, XML, etc. Descargar Console2i

LinkChecker

Como su nombre lo indica, comprueba si hay enlaces rotos o no en nuestra pagina web y nos los marca.

Descargar LinkChecker

RankQuest SEO Toolbar

Nos proporciona la posición de una página en los rankings de Alexa y Pagerank de Google, pero además hace chequeo de enlaces y comprueba si el código es válido y está optimizado. Si te preocupa el posicionamiento de páginas, un complemento que no puede faltar en tu Firefox.

Descargar RankQuestSEO

Bueno esto es Todo!… Espero que les sean muy útiles estos recursos!