|

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

Similar Posts

Amy Editor: editor web de código

ByLuis

Amy Editor es un editor colaborativo vía web que permite modificar documentos o código de forma colaborativa. Funciona en cualquier navegador, pero ya dejan claro que solo dan soporte a Safari y navegadores basados en Gecko, y que ni quieren ayuda para IE u Opera, ni dan soporte oficial.
amy.png
Soporta varios lenguajes de programación (C, C++, C#, JavaScript, Ruby, PHP, Java y HTML), esquemas de colores, internacionalización, snippets, abre ficheros vía FTP, blogs, locales, WebDAV. Además resalta la sintaxis, tabulación específica para cada lenguaje, marcadores, deshacer/rehacer y mucho más.
Una herramienta bastante interesante para realizar proyectos de forma colaborativa.
Amy Editor
Gracias diarioTHC por el aviso.

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

|

FireMarker: cómo crear una extensión para Firefox

ByLuis

firemarker.pngSi el otro día os hablaba de FireMarker, la extensión de Firefox para marcar texto en una página, hoy voy a intentar explicar cómo la desarrollé y así conseguir que otras personas no se encuentren con las mismas dificultades que yo.

Vamos a ir paso a paso, explicando la estructura, los distintos ficheros y sus contenidos, siempre dentro de mi limitado conocimiento, ya que lo que he aprendido ha sido destripando otras extensiones y mirando la documentación que hay sobre XUL.

Read More “FireMarker: cómo crear una extensión para Firefox”

| |

Prism: aplicaciones web en tu escritorio

ByLuis

prism.pngPrism es una nueva forma de entender las aplicaciones web, se trata de un punto intermedio entre una aplicación web y una aplicación de escritorio.
Mediante Webrunner podemos ejecutar aplicaciones web en nuestro escritorio. No se trata como en el caso de Adobe AIR y Microsoft Silverlight que pretender crear una alternativa de la web. Se trata de extraer del navegador aplicaciones web y ejecutarlas (mediante XUL) en nuestro escritorio, por lo que estas aplicaciones web podrán hacer uso de HTML, JavaScript, CSS, y <canvas>.
Una buena alternativa para las aplicaciones web que se hacen para empresas.
Prism
Gracias Dani por el aviso

UIzard: herramienta de desarrollo via Ajax

ByLuis

UIzard es un entorno de trabajo open source vía web que utiliza Ajax, y que funciona en varios navegadores Firefox y Safari (la versión para IE está siendo optimizada).
uizard.png
Se trata de un GUI muy completo en el que se pueden realizar páginas web, añadiendo elementos, con orígenes de datos, formularios, …
La mayor parte viene en coreano, pero creo que es bastante claro para poder entenderlo facilmente.
UIzard
Vía / @knight

|

Fireflix: controla tu cuenta de Flickr desde Firefox

ByLuis

fireflix.pngEncuentro en firefoXtensions (página que recomiendo que sigas si eres usuario de Firefox), una extensión que facilitará mucho el trabajo a los usuarios de Flickr.
Con esta extensión podras subir fotos nuevas, crear thumbnails en formato HTML de las fotos seleccionadas, buscar fotos en Flickr, eliminiar fotos, trabajar con sets de fotos y más cosas.
La primera vez que lo ejecutas, te aparecerá en Flickr una pestaña nueva para poder permitir el acceso a la extensión, una vez concedido ya podrás trabajar con ella perfectamente.
fireflix
Vía / firefoXtensions