colorate

Hoy en día tenemos disponibles varios navegadores que considero son los mejores:

• Mozilla Firefox
• Google Chrome

Estos dos navegadores admiten complementos o plugins (como queráis llamarlo) para ampliar las funciones del mismo.

En el caso de Google Chrome quizá no haya tantos, mas que nada por su reciente salida al mercado aunque a su favor hay que decir que es más rápido y consume menos CPU.

En cuanto a diseño y desarrollo web yo ya utilizo varios complementos en Firefox que seguramente serán conocidos para vosotros como son:

• ScreenGrab
• Webdevelopper
• Firebug
• otros

El navegador de Google no se ha quedado atrás y a través de WebIntenta me entero de un artículo de Graphics Alerts donde nos hacen una recopilación de 15 exetnsiones Chrome para Diseñadores y desarrolladores que seguro te serán útiles:

Firebu Lite

Firebug es una extensión de firefox increible que usan la mayoría de los desarrolladores web en estos últimos tiempos para inspeccionar diversos elementos en una página y editar el código CSS, XHTML y JavaScript al instante y directamente en el navegador. Con eso los desarrolladores podemos ver fácilmente cualquier problema que ocurre en la web.

Firebug Lite es una versión ligera para usuarios de Google Chrome.

Pendule

Pendule ofrece un fantástico conuunto de herramientas de desarrollo web, empaquetado de una manera realmente simple. Ofrece un selector de color y reglas, así como la posibilidad de ver el código fuente de la página, deshabilitar CSS, ocultar y mostrar las imágenes mostrando el texto alternativo, las dimensiones y rutas. Incluso valida CSS, HTML y suscripciones

META SEO Inspector

META SEO inspector es una herramienta SEO que descubre los datos invisibles que tu, como un desarrollador web, quieres ver. Te permite comprobar etiquetas como la descripción de tu sitio web para fines SEO y seguir las directrices para webmasters de Google. Incluso te avisa cuando los datos no están dentro de ciertos rangos.

Aviary Screen Capture

Aviario Screen Capture es una muy recomendada y útil para que la usen todo tipo de usuarios, pero los diseñadores web lo encuentran particularmente valioso. Te permite tomar una captura de pantalla de cualquier página web y editarla en tu navegador. Puedes editar (recortar, redimensionar, rotar), crear marcas (dibujar flechas y formas), añadir notas y obtener colores exactos de píxeles. Una extensión increible que no puede faltar en vuestro navegador.

Lorem Ipsum Generator

Simple pero muy eficaz, esta extensión es de utilidad para todos los diseñadores web, dándoles acceso instantáneo a un fácil generador “Lorem ipsum”. La extensión ha sido diseñada para simplificar las cosas tanto como sea posible, usando menos código.

Resolution Test

Con esta extensión de peso ligero, los desarrolladores pueden cambiar el tamaño de la ventana de su navegador para probar sus sitios en diferentes resoluciones de pantalla. Puedes elegir de una lista de resoluciones comunes o especificar una propia. Todo lo que necesitas hacer es clic en el icono de la prueba de resolución en la parte superior derecha del navegador, seleccionar las resoluciones, y pulsar “Ver todos los seleccionados”.

Chrome SEO

Chrome SEO es necesario para todos los desarrolladores web. Con su gama de herramientas SEO puedeS realizar todas las tareas de SEO, incluyendo análisis de la competencia, investigación de palabras clave, los recuentos de marcadores sociales, el tráfico, comprobar los rattings y backlinks.

IE Tab

IE Tab utiliza Internet Explorer para visualizar páginas web en Chrome, ideal para los desarrolladores que quieran probar el motor de renderizado de IE, usar la vista del explorador para ficheros locales, o los que quieran usar los controles ActiveX. Por el momento es sólo para Windows.

iMacros for Chrome

iMacros te hace la vida un poco más fácil, grabando acciones y permitiendo repetirlas al hacer clic en un botón. Los desarrolladores Web lo utilizan especialmente para las pruebas de regresión, pruebas de desempeño y supervisión de transacciones.

Picnik Extension for Chrome

Picnik es un editor de imágenes

Para aquellos de ustedes que no lo sé, Picnik es un editor de imágenes basado en web utilizado por muchos diseñadores web. Realmente es una gran alternativa libre al Photoshop. Esta extensión posee el poder de Picnik en primer plano, lo que le permite escoger una imagen de una página, editar, comentar y compartir.

Speed Tracer

Utilice Speed Tracer para identificar y luego corregir los problemas que estás experimentando con tus aplicaciones web. Identifica los problemas causados por Javascript, estilos CSS, DOM, llamadas a XMLHttpRequest, etc ..

Validity

Validity es una manera rápida y fácil de validar una página web. Para validar simplemente haz clic en el icono de Validity en la barra de direcciones o pulsando las teclas “Ctrl + Alt + V”. Usted puede incluso utilizar su propia instalación del Servicio de Validación del W3C si lo desea.

Snippy

Snippy es una extensión muy útil para recoger fragmentos de imágenes de una serie de sitios diferentes. Todo lo que hacemos es ir a una página Web, hacer clic en el icono Snippy, seleccionar los elementos de la página que desea guardar y pulsar Show Snippets para que aparezca una ventana con todos los elementos que has seleccionado. Puedes combinar los Snippets que desees en tantos sitios como quieras.

Chrome Flags

Chrome Flags muestra un icono con una bandera en la barra de direcciones que nos indicará la ubicación física de la página web que estamos viendo. Si haces clic en la bandera se presentará información adicional acerca de los servidores del sitio, los propietarios y del tráfico. Es perfecto para establecer la fiabilidad de un sitio del que no está seguro.

BuiltWith

BuiltWith le da detalles de todas las tecnologías utilizadas en el sitio que estás viendo en ese momento. Recibiras información acerca de widgets (Snap Preview), análisis (Google, Nielsen), frameworks (. NET, Java), publicación (WordPress, Blogger), publicidad (DoubleClick, AdSense), CDNs (Amazon S3, Limelight), standars (XHTML, RSS) y alojamiento de software (Apache, IIS, CentOS, Debian). Simplemente haciendo clic en el icono de BuiltWith.

Posts Relacionados

• Instalar extensiones antiguas que no funcionen en Firefox 3.0 (2)
• Los 7 videos y presentaciones más vistos por los desarrolladores de aplicaciones web (0)
• 10 aplicaciones para el iPhone que todo diseñador web tendria que tener (0)
• Componente JavaScript para utilizar Drag & Drop en tu web (0)
• Curso impratido por Google sobre desarrollo seguro de páginas web (0)
• Buildorpro.com – Servicio online para modificar código en el navegador (0)
• UrlVoid – Analiza tu web en busca de virus o malware (0)
• ¿Cómo promocionar mi sitio web? (0)
• Tutorial – Cómo construir una página web de inicio a fin con Dreamweaver (0)
• Desenmascara las urls acortadas (0)