en Web

Hace años el diseño web era mas complicado, no habían tantas herramientas para agilizar el trabajo como las hay ahora. Por eso les hacemos un resumen de las mejores extensiones de firefox para diseño web (primera parte).

Extensiones firefox para diseño web

 

FireBug

Firebug

Firebug es un complemento para firefox que inspecciona todo tipo de elementos en la pagina. Es para editar HTML y CSS en vivo. Ademas de herramientas mas avanzadas que ahora no doy lugar a explicarlas. Al principio puede costar un poco agarrarle la mano pero la verdad que una vez que se aprende a usar se ahorra muchísimo de tiempo para cualquier trabajo.

[glg_short_button url=”https://addons.mozilla.org/es/firefox/addon/firebug/” class=”glg_short-button” size=”small” color=”river” target=”_blank” lightbox_content=”” lightbox_description=””] Agregar Firebug[/glg_short_button]

 MeasureIt

MeasureIt

Esta extensión es muy básica pero a la vez muy útil. Es una regla virtual que trabaja sobre el sitio en que este. Es muy útil para hacer sitios proporcionales o para medir tamaños de cuadros para luego crear imágenes del exacto mismo tamaño.

[glg_short_button url=”https://addons.mozilla.org/es/firefox/addon/measureit/” class=”glg_short-button” size=”small” color=”river” target=”_blank” lightbox_content=”” lightbox_description=””] Agregar MesaureIt[/glg_short_button]

ColorZilla

ColorZilla

Básicamente ColorZilla es un gotero. Accionas la herramienta y luego haces click sobre cualquier sector de una pagina. Esta herramienta toma el color y nos pasa el código de color Hex (tambien podees usar otros colores como RGB, HSL, etc). Lo bueno de este elemento es que se integra con Firebug logrando así una edición de colores/css en vivo extraordinaria. Para probar cambios de paleta de sitios o para crear muchos templates de diferentes colores.

[glg_short_button url=”https://addons.mozilla.org/es/firefox/addon/colorzilla/” size=”small” color=”river” target=”_blank” lightbox_content=”” lightbox_description=””] Agregar ColorZilla[/glg_short_button]

Find and Replace

mejores extensiones de firefox para diseño web

No específicamente una extensión para diseño web pero me a sacado de apuros varias veces. Esta extensión lo que hace es buscar algo y reemplazarlo. Por ejemplo si estamos editando una plantilla de algún sitio web online, y queremos buscar y reemplazar todo el estilo “pedrito” por “poquito” usamos esta herramienta y listo. O si por ejemplo estamos haciendo cambios masivos de precio en alguna plataforma que no acepte CSV o algún medio de importación podrías usar estar herramienta para hacer los cambios automáticamente. Tiene muchos usos, el asunto es encontrarlos.

[glg_short_button url=”https://addons.mozilla.org/es/firefox/addon/find-and-replace-for-firefox/” size=”small” color=”river” target=”_blank” lightbox_content=”” lightbox_description=””] Agregar Find and Replace[/glg_short_button]

SEOQuake

SeoQuake

Una excelente herramienta para SEO, para optimizar tu sitio, para buscar competencia, para ver tu ranking y tus resultados de búsqueda en Google. SEOQuake no es específicamente para el diseñador web pero si para el que se encarga del posicionamiento o optimización de código. Ademas tiene una herramienta que se integra con el buscador google y nos muestra informacion importante sin ingresar al sitio y asi poder ver la competencia.

[glg_short_button url=”https://addons.mozilla.org/es/firefox/addon/seoquake-seo-extension/” size=”small” color=”river” target=”_blank” lightbox_content=”” lightbox_description=””] Agregar SeoQuake[/glg_short_button]