Crea tu propia extensión para Firefox fácilmente con Add-ons Builder

Las extensiones o Add-ons en Firefox nos permiten agregar nuevas funciones al navegador, existen miles de ellas pero eso no significa que ya esté todo hecho, siempre puedes tener una buena idea o necesidad para crear una nueva extensión, para eso te traigo una forma rápida y fácil de crear la tuya.

Usa la excelente herramienta de Mozilla llamada Add-ons Builder que te permite crear una extensión para Firefox usando las tecnologías comunes de Internet. Esta herramienta te permite comenzar fácilmente tan solo necesitas comenzar presionando el botón Create Add-on y posteriormente colocar el código, pero no te preocupes si no tienes idea del código ya que puedes usar una amplia variedad de APIs de su biblioteca para agregar funciones a Firefox o incluir un Widget o meni contextual, O bien puedes ver el código de otros Add-ons (extensiones) para usarlos como inspiración tomando ventaja de usar librerías de terceros adicionalmente a las APIs.

Es una buena idea comenzar leyendo el tutorial paso a paso (enlace al tutorial) para comenzar a crear tu primera extensión para Firefox.

Enlace al sitio de Mozilla Add-ons Builder.

Fuente:techtastico.com

Extensiones de Google Chrome para desarrolladores Web

En el sitio de descarga de extensiones para el navegador Chrome han hecho un listado de extensiones para desarroladores web, y me ha sorprendido la cantidad de herramientas que se pueden agregar al Chrome para diseñar mejores sitios web, las extensiones son las siguientes.

• SpeedTracer

  Mide el rendimiento y velocidad de una página web.

• Pendule

  Herramientas de desarrollo web para Chrome.

• Resolution Test

  Una extensión para los desarrolladores que deseen probar las páginas web en diferentes resoluciones de pantalla, con la opción de definir sus propias resoluciones.

• Measureit!

  Saca una regla que te ayudará a obtener el ancho y alto en píxeles de cualquier elemento en una página web.

• Chrome Sniffer

  Detecta Frameworks y librerías que usan los sitios web.

• XML Tree

  Muestra los datos XML en un modo fácil de entender.

• BuiltWith Technology Profiler

  Detecta con que tecnologías están construidos los sitios web que estás visitando.

• View Selection Source

  Puedes ver el código fuente de la sección de la página que tienes seleccionada.

• JavaScript Tester

  Extensión para todos los desarrolladores de JavaScript que deseen ejecutar y probar el rendimiento del código JavaScript.

• CSS Reloader

  Te permite recargar todos los CSS de cualquier sitio sin que haya que volver a cargar la página en sí.

• Web developer

  Agrega un botón de barra de herramientas con diferentes herramientas para programadores web.

• CSS Viewer

  Un simple visor de las propiedades CSS.

• JSonView

  Puedes ver los documentos JSON en el navegador.

• CSS Scan

  Ofrece una visión general rápida de las propiedades CSS al pasar el cursor del Mouse sobre el elemento.

• Chrome Editor

  Edición de HTML fácilmente, justo dentro de su navegador.

• Multiswitch

  Cambiar entre el desarrollo, prueba y aplicación productiva.

• Regular Expression Checker

  Simple probador de expresiones regulares.

• PHP Documentation

  Documentación PHP, la documentación oficial para programadores de PHP.

• jsshel

  Interactúa con Javascript, jQuery y jLinq

• Window Resizer

  Redimensiona la ventana del navegador para emular varias resoluciones de pantalla.

• Aviary Screen Capture

  Toma una captura de pantalla de cualquier página web y editar directamente en el navegador con aplicaciones Aviary.com.

• Eye Dropper

  Gotero selector de color que te permite elegir el color de cualquier página web o del selector de color avanzado.

• Instant Image Editor

  Modificar cualquier imagen o imagen de fondo al instante.

• Lorem Ipsum Generator

  Crea texto de relleno al azar.

• Plain Clothes

  Quita los estilos de las páginas.

• Validity

  Haz clic en el icono en la barra de direcciones o presione Ctrl + Alt + V para validar la página actual.

• Inline Code Finder

  Encuentra los elementos HTML con eventos JavaScript en línea, en línea y estilo javascript: enlaces

• Picnik

  Toma capturas de páginas web y edita las imágenes directamente en tu navegador con Picnik

Ver más en Web Dev Extensions.

Firefox: Extensiones especializadas en SEO

Search Engine Optimization, o SEO es el proceso de estructuración de nuestra página web para que los motores de búsqueda puedan alcanzarla, leerla e indentarla en un ranking elevado y de esta forma, traer una mayor cantidad de tráfico.

Como blogger o diseñador, es necesario ponerte en los zapatos del usuario y apreciar que tan fácil es alcanzar a traves de buscadores tu propio sitio. Para eso, en esta nota te traemos 15 extensiones de Firefox altamente recomendables en materia de SEO.

1. SEO for Firefox

SEO for Firefox es definitivamente el plugin SEO para Firefox más poderoso. Este plugin obtiene información de marketing útil y la integra a tus resultados de búsqueda. Por ejemplo, obtiene el PR, las cuentas de Delicio.us, los links Technorate, el Rank Alexa, etc. Puedes activarlo y desactivarlo utilizando el icono de la barra de estado de Firefox.

Haz clic aquí para descargar la extensión»

2. SeoQuake

SeoQuake es un programa que se integra al navegador de Mozilla para que los usuarios puedan visualizar un gran número de parámetros de los motores de búsqueda. Consiste en una SeoToolbar, Seobar y la muestra de los parámetros solicitados en las páginas de resultados de los motores de búsqueda.

Haz clic aquí para descargar la extensión»

3. SEO Link Analysis

SEO Link Analysis enriquece la información de link en Google Webmaster Tools & Yahoo! Site Explorer mostrando el PageRank de la página linkeada, el texto linkeable y si el link es followed, nofollowed o ya no existe más.

Haz clic aquí para descargar la extensión»

4. Rank Checker

Rank Checker es otra herramienta de SeoBook. Esta herramienta puede rastrear y grabar el ranking de un motor de búsqueda para una página en Google, Yahoo y Microsoft Live Search. Los resultados se guardan en la PC para que el usuario no tenga que preocuparse por asuntos de privacidad.

Haz clic aquí para descargar la extensión»

5. LinkDiagnosis Firefox Extension

Este plugin le permite a los usuarios visualizar el PR Google y el texto linkeable de cada backlink, los textos linkeables más populares y los gráficos con interrupción del pagerank y tipos de link.

Haz clic aquí para descargar la extensión»

6. Smart PageRank

Smart PageRank es una extensión Firefox pequeña, simple pero poderosa que te permite el acceso rápido al ranking Alexa, Google PR, value, WhoIs y backlinks’ PR de la página que estás visualizando en un momento dado.

Haz clic aquí para descargar la extensión»

7. RankQuest SEO Toolbar

La barra de herramientas Rankquest SEO nos provee de acceso rápido a más de 30 herramientas SEO verdaderamente intuitivas. Algunos ejemplos son: herramientas de validación, herramientas Meta, herramientas de contenido, etc.

Haz clic aquí para descargar la extensión»

8. Quirk Search Status

Quick Search Status es una extensión para la barra de herramientas de Firefox que te permite ver cómo están desempeñándose todos los sitios del mundo. Provee una gran cantidad de información útil como el PR Google, Alexa Rank, Compete Rank, mozRank, WhoIs, link rápido a robots.txt y sitemap.xml, etc. Puedes acceder fácilmente a esta información desde el icono Search Status en la barra de estado.

Haz clic aquí para descargar la extensión»

9. HTML Validator

Este plugin es útil porque los errores en la estructura del HTML afectan el ranking de tu página y esta herramienta ayuda a validar esos errores.

Haz clic aquí para descargar la extensión»

10. SEOpen

Provee algunas herramientas básicas para ayudar con la optimización en los motores de búsqueda. Incluyendo Google Backlinks, Yahoo Backlinks, PageRank Check, Http Header vVewer, y más. Todas las características están disponibles haciendo clic en un área libre de una página web, o utilizando la barra de herramientas incluida.

Haz clic aquí para descargar la extensión»

11. Google Global Firefox Extension

Google Global Firefox Extension permite que los usuarios visualicen los resultados de búsqueda Google orgánicos y pagos de la forma en que aparecen en casi cualquier locación del planeta. Puedes acceder a esta herramienta desde el menú de contenido o la barra de herramientas.

Haz clic aquí para descargar la extensión»

12. Foxy SEO Tool

Foxy SEO Tool es un plugin Firefox gratuito, de código abierto que ofrece herramientas para lograr una mejor optimización de motores de búsqueda, tráfico web y análisis de página, para webmasters y profesionales web.

Haz clic aquí para descargar la extensión»

13. Socialphile

Socialphile asiste a los usuarios con búsquedas confortables basadas en el ranking de cada resultado de búsqueda en los sitios de noticias sociales. Permite que los usuarios añadan los resultados directamente a los sitios de noticias sociales. Actualmente, Socialphile sólo soporta Digg.com, pero han prometido que pronto añadirán más sitios.

Haz clic aquí para descargar la extensión»

14. KGen

KGen te permite obtener las palabras claves más importantes de la página. Es verdaderamente útil para analizar la estrategia SEO de tu competencia o simplemente para saber cuál es el tema principal de una web.

Haz clic aquí para descargar la extensión»

15. Niche Watch Tool

Niche Watch Tool te provee del número de backlinks, páginas indexadas, ocurrencias de palabras claves en la página y Page Rank tanto para la información del dominio como de la página web.

Haz clic aquí para descargar la extensión»

16. User Agent Switcher

User Agent Switcher es un útil plugin Firefox que permite cambiar el agente usuario del navegador. Los usuarios pueden utilizar esta herramienta para pretender ser ellos mismos un motor de búsqueda y ver cuáles ven la página.

Haz clic aquí para descargar la extensión»

Fuente: Web Design Booth