Firefox Wonder Edition: Firefox más rápido

ByLuis

Firefox Wonder Edition es una versión especial de Firefox que añade a una de las mejores versiones de Firefox algunos extras para que vaya más rápido, el único problema es que solo funciona bajo Windows.
No es necesario reemplazar la versión actual de Firefox, ya que se trata de una versión portable, con lo que podremos tenerlo en nuestra unidad USB u otro soporte para poder ejecutarlo en el ordenador que sea sin necesidad de instalación. Tan solo es necesario cerrar cualquier otra versión de Firefox antes de ejecutar esta.
A parte de hacer un uso más eficiente de CPU y memoria, tiene instalado algunos add-ons que mejoran el rendimiento de Firefox, como son Fasterfox, Flashblock y NoScript.
Firefox Wonder Edition
Vía / Digg

coScripter: plugin de Firefox para hacer how-to

ByLuis

coscripter.pngAunque ya hablamos en su momento de este plugin de Firefox, es ahora cuando IBM lo ha finalizado y podemos disponer de él. Se trata de un plugin que nos permite grabar en scripts la actividad que realizamos mientras visitamos páginas webs y así poder repetirlo en otro momento o compartirlo con otros usuarios.
La gran utilidad que le veo a este script es la de poder generar how-to, sobre todo en proyectos para poder generar casos para los tests de prueba.
A parte, existe un repositorio de scripts que comparten con los usuarios .
coScripter
Vía / SitePoint

|

Más de 30 extensiones Firefox para desarrolladores web

ByLuis

Una lista de más de 30 extensiones para Firefox que nos pueden ayudar en nuestros desarrollos web. Algunas ya son conocidas, pero alguna otra que desconocía parecen bastante interesantes.

CSS

  • Aardvark: permite ver atributos CSS, ids y clases seleccionando elementos de la página de forma individual.
  • chromEdit: permite modificar los CSS y los javascripts de cualquier página.
  • CSSMate: edición de ficheros CSS.
  • CSS validator: valida los CSS de tu página.
  • CSSViewer: visualiza propiedades CSS.
  • EditCSS: permite modificar los CSS cargados.
  • IE Tab: visualiza la página en Internet Explorer.
  • Style Sheet Chooser II: permite seleccionar CSS alternativos para una página.

Debug y análisis

Otros

  • Clipmarks: guarda partes de la página web.
  • Codetech: editor web con la apariencia de Dreamweaver.
  • ColorZilla: obtiene colores de las páginas visitadas.
  • FirePHP: ayuda a depurar PHP.
  • Greasemonkey: controla cualquier aspecto del comportamiento de las paginas web.
  • Measureit : mide en pixels el tamaño de partes de las páginas web.
  • Platypus: una de las mejores extensiones para modificar una página web.
  • Poster: permite interactuar con web services y otros recursos web.
  • Professor X: comprueba los contenidos de la cabecera de una página web.
  • Screen grab: guarda páginas web cómo imágenes.
  • TestGen4Web: guarda la actividad de los usuarios en páginas web.
  • View Source Chart: visualizador de código fuente.
  • Web Developer: colección de herramientas para desarrolladores web.
  • X-Ray: permite ver el código fuente de una página y alternar entre ambos de forma sencilla.

30+ Firefox Add-ons for Web Developers & Designers

Vía / Digg

Tutorial para crear extensiones Firefox

ByLuis

Realizar una extensión para Firefox puede ser una cosa tediosa, causado normalmente por la falta de manuales, howtos, siendo complicado averiguar cómo realizar una simple acción.
La gente de PC Magazine nos dan una serie de consejos o pasos a seguir para aprender a realizar nuestra propia extensión Firefox.
El primer consejo que nos ofrecen es algo que ya hemos dicho aquí, destripa una extensión ya creada, guarda el fichero .xpi en tu ordenador, renómbralo a .zip, descomprímelo y échale un vistazo a los directorios (muy importante su organización) y sus archivos (sobre todo install.rdf o install.js).
Crea primeramente la interfaz, existen interfaces más complejas, pero es preferible empezar por algo sencillo para ir aprendiendo poco a poco. Una vez creada es hora de empezar a darle funcionalidades, crear el jar con los archivos (aunque también funciona sin comprimirlo en un jar), modificar el fichero de instalación, crear el fichero .xpi (que es un zip con todo el contenido de la extensión) y por último instalarlo en el Firefox.
Make Your Own Firefox Extensions

Vulnerabilidad remota en las extensiones de Firefox

ByLuis

Ha sido detectada una vulnerabilidad en Firefox (independiente de versión) que se produce en el sistema de actualizaciones de extensiones.
Este fallo se produce porque el usuario no puede confiar (trust) en el DNS o en la conexión. Extensiones importantes como Google Toolbar, Google Browser Sync, Yahoo Toolbar y Del.icio.us Extension, están expuestas a esta vulnerabilidad, la cual permitiría instalar software peligroso en nuestro sistema.
Las extensiones que se descargan desde https://addons.mozilla.org no nos deben preocupar. A parte del equipo de seguridad de Mozilla, los desarrolladores de las principales extensiones expuestas fueron avisadas hace 45 días sin que haya habido actualizaciónes.
Existe un vídeo que muestra un ataque a Google Browser Sync: (12MB Quicktime).
A Remote Vulnerability in Firefox Extensions
Vía / Techmeme

Entrevista a Mitchell Baker CEO de Mozilla Foundation

ByLuis

Mitchell BakerInteresante entrevista a Mitchell Baker, que es CEO de Mozilla Foundation. Bastante extensa la entrevista y lo que más me gusta es que las respuestas son también extensas, casi no necesita que la pregunten.
La entrevista, dividida en diferentes partes, nos cuenta desde los inicios con una docena de personas metidas en el proyecto, hasta los 55 millones de dólares que facturaron el año pasado, muchísimo dinero si pensamos que se trata de un proyecto open source, claro que el Google sea motor de búsqueda por defecto y página inicial por defecto cuesta un poco.
Con la salida de IE7, Mitchell comenta que más que un aumento en el predominio de Microsoft, se ha encontrado con comentarios sobre que es más fácil pasar de IE6 a Firefox, que de IE6 a IE7, lo cual hace que aumente el número de usuarios de Firefox.
Entre el futuro de Firefox, nos encontramos con una versión para móviles, en la que ya están trabajando pero sin muchos recursos (Minimo). También nos habla sobre Cairo, el nuevo render gráfico que traerá Firefox 3 y su lugar junto a Flash y Silverlight. Y también destacar el llamado web 3.0 que es la ejecución de aplicaciones web en modo offline.
Una entrevista bastante interesante que merece la pena leer.
Mozilla CEO speaks out on future of Firefox
Vía / Digg

Fireclipese: Debug de Firefox en Eclipse

ByLuis

fireclipse.pngFireclipse es un proyecto opensource que permite depurar el código javascript ejecutado en Firefox.

Las características que nos ofrece Fireclipse son las siguientes:

  • Envía los mensajes de error de la consola de Firefox a la consola de Eclipse.
  • Apunta el editor de Eclipse en la línea que Firefox ha marcado como errónea.
  • Llama a la función dump() en la consola de Eclipse.
  • Añade un botón de Eclipse en la extensión Firebug.
  • La extensión de Firebug permite: depurar el código eval(), depurar manejadores de eventos, enviar mensajes de error a Eclipse y marcar las líneas ejecutables.

fireclipse2.png

Una ayuda para aquellos que desarrollen con Eclipse y Firofox.

Fireclipse

Vía / Ajaxian

|

Palette Grabber: obtén la paleta de colores mediante Firefox

ByLuis

Palette Grabber es una extensión para Firefox que nos permite obtener los colores de una página web y exportarlos a un archivo para su posterior utilización.
pallettegrabber.png
El formato más sencillo al que exporta los colores es un fichero de texto con los componentes RGB de cada color en formato decimal. Pero lo que más nos puede ser útil es que lo exporta a formatos de paleta de colores de Adobe, Flash, Paintshop Pro, GIMP y Adobe Fireworks.
Esta herramienta la veo muy útil para cuando te mandan hacer un prototipo de alguna página nueva y hay que basarse en un diseño que no es tuyo, por lo que no tienes el original sobre el que se trabajó.
Palette Grabber

|

DevBoi: documentación de desarrollo web en Firefox

ByLuis

DevBoi es una extensión para Firefox que nos agrega una barra lateral con documentación offline sobre HTML 4.01/XHTML 1.0, CSS 2.1, DOM 2, Javascript 1.3 y posibilidad de añadir paquetes con documentación online de Prototype, XUL y PHP.
devboi.png
Una forma rápida de poder acceder desde nuestro Firefox a una documentación a la que se suele acceder con frecuencia. La versión online accederá a sitios como w3.org o quirksmode.org.
Gracias Máximo
DevBoi

|

FirePHP: obten más información de tus scripts PHP

ByLuis

FirePHP es una extensión para Firefox que permite tener un vistazo más profundo del código PHP que genera la página que estás visualizando en el Firefox.
Tan solo es necesario instalar la extensión Firefox y un paquete PEAR, añadir algunas líneas de código a tu aplicación PHP y listo para funcionar. Deberá aparecer una pestaña en tu extensión Firebug para poder controlar la aplicación.
FirePHP
Vía / PHPDeveloper