El navegador es una de las principales herramientas del desarrollador web y del blogger; las extensiones, una forma increíble de potenciarlos.
Un excelente ejemplo de la capacidad de los completos son las siguientes 16 extensiones para Mozilla Firefox y chrome que pueden hacer más fácil la vida de Bloggers, Desarrolladores y SEO’s:
1. Firebug
Firebug es una de las extensiones más completas y poderosas para el desarrollo web. Extremadamente útil para el trabajar con el código directamente en el navegador y ver los cambios en tiempo real.
Firefox: Descargar Firebug.
Chrome: Descargar Firebug.
2. Speed Page / Speed Tracer
Son extensiones para evaluar el tiempo de carga de un sitio. Muestra cada uno de elementos y su desempeño en la carga. Muy útiles para disminuir en el tiempo de carga y así mejorar la experiencia del usuario.
Firefox: Descargar Speed Page. Desarrollada por Google, es una extensión que funciona sobre Firebug.
Chrome: Speed Tracer. Extensión desarrollada también por Google.
3. Web Developer
Un completo kit de herramientas para trabajar con HTML, CSS, estándares, formularios, imágenes. Puede ser más de lo que necesitas sino trabajas cotidianamente con esto. Ideal para diseñadores web.
Firefox: Descargar web developer.
Chrome: Descargar Pendule.
4. SEO
Extensiones para ayudar con la optimización y seguimiento de un sitio web en los buscadores. Información estadística por dominio, posición en Google, palabras clave, desempeño del sitio web, entre muchos otros parámetros de importancia SEO.
Firefox: Descargar SeoQuake SEO. También ver SenSEO.
Chrome: Descargar Chrome SEO. También ver META SEO Inspector.
5. ColorZilla / Eye Dropper
ColorZilla es un es un elemento color picker, es decir, que se puede obtener el color de un elemento con solo dar un clic sobre él. Permite obtener el código de color en varios formatos o mostrar el resto de la paleta de colores circundante.
Firefox: Descargar ColorZilla.
Chrome: Descargar Eye Dropper.
6. IE Tab
IE Tab es una extensión que te permite visualizar un sitio web con tu versión de Internet Explorer, pero dentro de tu mismo navegador. Con la ventaja de tener un botón siempre a mano y no esperar la carga completa del glorioso IE.
Firefox: Descargar IE Tab
Chrome: Descargar IE Tab
7. Window Resizer
Permite redimensionar la ventana del navegador para probar como luce un sitio a múltiples resoluciones. No te da la misma noción que verlo en una resolución de forma nativa, pero si una buena idea del uso del espacio en el diseño.
Firefox: Descargar Window Resizer.
Chrome: Descargar Window Resizer.
8. Measureit
Measureit es un sencillo complemento que te permite medir las dimensiones de cualquier elemento en el navegador. Tal como su icono muestra, funciona como un regla virtual.
Firefox: Descargar Measureit.
Chrome: Descargar Measureit.
9. Screengrap / Webpage screenshoot
Screengrab es una excelente herramienta para copiar o guardar capturas de parte de visible de una página en el navegador, del sitio completo o una zona especifica. Sencillo y muy efectivo con su tarea.
Firefox: Descargar screengrab.
Chrome: Descargar webpage screenshoot.
10. Link Checker
Link Checker permite verificar el estado y tipo de los enlaces en un sitio web. Perfecto para encontrar enlaces rotos.
Firefox: Descargar Link Checker.
Chrome: Descargar Chrome Link Checker.
11. Greasemonkey
Greasemonkey es una extensión referencia en Firefox y permite cargar scripts y estilos sobre cualquier sitio web y mejorar nuestra experiencia de navegación. Cuenta con miles de scripts prácticamente para todo uso, por ejemplo, recuperar suscriptores en feedburner.
Firefox: Descargar Greasemonkey.
12. Diccionario de español
El diccionario de español es especialmente útil para bloggers con una ortografía tan mala como la mía. Resalta con subrayado las faltas de ortografía en cualquier campo de texto del navegador.
Firefox: Descargar diccionario de español: México, España, Argentina.
13. uBlock origin
uBlock origin es una extensión que te permite bloquear la publicidad de la mayoría de los sitios web y rastreadores. Es una excelente herramienta para proteger tu privacidad pero también para ver tu sitio web sin todos los scripts de rastreo que pueda tener.
Firefox: Descargar uBlock origin.
Chrome: Descargar uBlock origin.
14. Twitter
No catalogaría a las extensiones para Twitter como necesarias, pero sin duda que son populares entre bloggers y desarrolladores. Permiten leer y publicar mensajes en Twitter, desde una ventana discreta y ágil a la lectura.
Firefox: Descargar Echo fon.
Chrome: Descargar Chromed Bird.
15. BuiltWith
BuiltWith te permite saber con que CMS o script esta hecho un sitio web, mostrando un icono en la barra de direcciones del navegador.
Firefox: Descargar BuiltWith.
Chrome: Descargar BuiltWith.
16. Flags
Muestra la bandera del país donde se encuentra hospedado un sitio web o blog.
Firefox: Descargar FlagFox.
Chrome: Descargar Chrome Flags.
Conclusión
Es impresionante lo mucho que ha crecido Google Chrome en uso y desarrollo en tan poco tiempo, sin embargo, Mozilla Firefox sigue teniendo la ventaja en madurez. Tal como están las cosas ahora, la extensiones en Firefox superan por mucho a las de Chrome en desempeño y cantidad. Lo cierto es que Chrome cada día se acerca más y a Firefox les cuesta renovarse.
No esta de más decir que no es recomendable tener una gran cantidad de extensiones instaladas, escoge aquellas que sabes usaras de forma frecuente. También puedes ver en los bookmarlets una alternativa liviana a tareas de algunas de estas extensiones.
Eleté febrero 19, 2010 a las 8:20 am
Muy buena lista, personalmente tengo más o menos la mitad de esos add-ons, y como manejo el Firefox y el Chrome separados (el primero para mis cosas, el segundo para las cosas del blog) tengo la posibilidad de comparar y sinceramente al Chrome le falta en cuanto a Add-ons, aunque van mejorando.
Con el Chrome, quizás el que más me sirva sea el Chrome Bird, no hay cosa más fácil para manejar el Twitter, que tango me costaba antes! Yo además le agregaría:
Responder-Google Mail Checker Plus
-Google Reader Notifier
-Google Translate
Con esas cosas, tener el Chrome abierto me garantiza estar constantemente actualizado en todo lo que tiene que ver con el blog, y con un click, bien rápido puedo obtener información aunque sea de una página en ruso….
Francisco febrero 22, 2010 a las 8:10 pm
@Eleté gusto leerte de nuevo por acá. Yo también mas o menos la mitad de estas extensiones. No he usado ninguna de las que publicas, la primera la voy a intalar 🙂
ResponderDaniel febrero 20, 2010 a las 9:17 am
Muy buen artículo.
ResponderMe parecen muy interesantes las extensiones así que probaré algunas de ellas.
Un saludo.
Francisco febrero 22, 2010 a las 8:10 pm
@Daniel Gracias! 🙂
ResponderGerardo febrero 27, 2010 a las 8:39 pm
Creo que falta el Read It Later Te permite señalar paginas para leerlas más adelante. Se puede agregar el Google Reader. Para Mozilla.
ResponderJorge Duré febrero 28, 2010 a las 4:57 am
Muy util! ahora mismo instalare el Screengrab, me sirve mucho para los tutoriales que requieren imagenes explicativas.
ResponderJavier marzo 1, 2010 a las 4:54 am
No se olviden de MyNotesApp que es muy buena para hacer anotaciones:
https://chrome.google.com/extensions/detail/dekfkaejjjbaanacipopikcebhmjplce?hl=es
ResponderFrancisco marzo 3, 2010 a las 4:00 pm
@Gerardo, @Javier Gracias por las recomendaciones, útiles para el blogger, sin duda.
@Jorge Yo lo uso siempre para eso.
Responderdinho junio 11, 2010 a las 11:27 pm
puede ser posible que las extensiones que posee google chrome sean puestas desde un link en este sitio, para poder descargarlas pues soy cubano y no tengo acceso a descargarlas desde google.com pr problemas de politica
Respondersaludos
sadfg julio 31, 2010 a las 7:50 pm
Gracias por las extensiones estan muchas que he usado y otras muy interesantes que no conocia como SEO o link checker.
Gracias que estes bien.
ResponderCaro agosto 17, 2010 a las 1:11 pm
Puedes recomendarme un lugar donde pueda acceder a información actualizada sobre desarrollos y técnicas corporativas? Tks!
ResponderAlfie septiembre 24, 2010 a las 7:37 am
Fantástico, muchísimas Gracias!
ResponderLoco13 octubre 13, 2010 a las 10:14 am
Gracias!!!! me vienen al pelo!!!!
ResponderAguante el mozilla!!!!!!!!!!!!!!
Luis octubre 25, 2010 a las 1:00 am
Hola , muy buenas extensiones una pregunta existe una extension para Chrome de viewtab como frefox , y alguna extension para convertir enlaces de texto a enlaces verdaderos en firefox la ahi se llama Linkification, y para compartir les dejo una que se llama Copy Without Formatting el equivante de autocopy de firefox para autocipiar texto seleccionado les dejo el enlace https://chrome.google.com/extensions/detail/cekbgkmeapobkbadclnkjfjdbpbcaobd?hl=es
ResponderRebelware febrero 21, 2011 a las 7:18 pm
Muy buena lista….muchas de esta no las conocia para chrome,Yo actualmente utilizo dicho navegador,porque es mas rapido ,en mi experiencia que firefox,navegador que usaba hasta hace un año 😉
ResponderErick julio 6, 2011 a las 3:55 pm
Conocia algunas de estas extensiones, en mozilla, el chrome no lo utilizo, pero creo que ya es hora de probarlo, veo que va ganando fuerza, muchas ghracias por tan excelente blog.
Responderun saludo a todos
Pako julio 14, 2011 a las 11:19 am
Excelente recopilatorio de exenciones de dos grandes navegadores, sin embargo algunas herramientas como Web Developer no son iguales en crome, básicamente esta herramienta es la que mas falta me ha hecho en crome de todo lo demás algunas son aun mejores. Sin duda son las herramientas mas útiles en cuanto a desarrollo se refiere, se las recomiendo a todos.
Gracias y felicidades por este gran post.
ResponderMiguel septiembre 4, 2011 a las 11:54 am
Gracias por compartir tan buenas extensiones, Francisco.
En mi caso, no conocía Link checker. Sin embargo, la acabo de instalar para ver que tal funciona.
Una vez mas, gracias.
ResponderF. Fletcher noviembre 12, 2011 a las 8:59 pm
Vaya, no conocia estos complementos para Firefox, tenia que abrir distintos programas para los mismos fines que estos complementos. Gracias.
ResponderJhonatan marzo 14, 2012 a las 3:19 pm
Hola francisco, tu como siempre con excelentes aportes, yo en firefox Tengo dos herramientas seo Quake que es la que recomiendas y seobook, yo particularmente utilizo SEOBOOK me parece más rápido en cuanto a resultados y se adapta mejor al firefox, ambas son buenas. Saludos!!
ResponderJosé junio 28, 2012 a las 2:48 pm
Excelente aporte, muchas gracias.
ResponderAlina septiembre 14, 2012 a las 7:51 am
Me encanta este sitio web : Mozilla Firefox
ResponderTe puedo ayudar a controlar el Ranking
Es muy maravilloso !
Jajaja~
José septiembre 26, 2012 a las 4:18 pm
Muy buena información la de tu blog, muy util. Gracias
ResponderAbel noviembre 22, 2014 a las 10:23 pm
Compadre tu artículo fue un desmadre. Encontré 3 complementos para Chrome muy útiles.
Responder