|

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

Similar Posts

Desarrolladores de Firefox 3 definen una lista preliminar de características

ByLuis

En un reciente encuentro los desarrolladores de Firefox 3, han definido una lista preliminar de requisitos para este programa:

De la lista de requisitos obligatorios destacan:

  • Mejoras en la interacción con las extensiones: un lenguaje más coherente, menos pasos para la instalación, más vías para configurarlos, más alertas cuando haya actualizaciones y un botón permanente para reiniciar Firefox.
  • Soporte para favoritos externos, favoritos y anotación de históricos. ¿Podremos gestionar directamente nuestros enlaces en Delicious o similar?
  • Los archivos o ficheros se podrán abrir con servicios webs; es decir, podríamos hacer cosas como que al hacer click sobre un fichero se habra con Google Documents o aplicaciones web de este tipo.
  • Mejora del soporte para impresión para prevenir cortes en los párrafos de texto.
  • Algo que parece bastante solicitado es un instalador MSI que sería muy valorado por los administradores de sistemas a la hora de actualizar Firefox.
  • Soporte para Microsoft CardSpace y OpenID.
  • El actual sistema de informe de errores, TalkBack, se sustituirá por el sistema de código abierto de Google: airbag.

Entre los requisitos altamente deseables:

  • Sistema de navegación privado. Posiblemente sin caché, historial o guardado de datos de formularios y claves.
  • Guardar páginas en PDF, esto además combinado con el historial.
  • Soporte para pausar y retomar descargas entre sesiones.
  • Ayuda únicamente online. Personalmente no sé quién y por qué quiere eso.
  • Soporte para microformatos .

Otras cosas que serían interesantes:

  • Unificar historial y marcadores
  • Soporte para los controles principales de Windows Vista.
  • Agrupación de pestañas y expose (algo parecido a lo que hace esta extensión).
  • Windows Group Policy.
  • Permitir instalar extensiones sin reiniciar. Esto no se yo si lo harán, pero si que es interesante.
  • Interfaz más intuitivo y manejable para gestionar las descargas.

Vía / Mozillalinks

Más información

Firefox 2 RC1 lanzado

ByLuis

firefox2rc1.pngFirefox 2 ha salido del estado beta y ya tenemos a nuestra disposición la versión release candidate. Si te vas a instalar esta versión, no olvides de indicar los fallos que encuentres en Bugzilla para ayudar a los desarrolladores de Firefox y así mejorar el producto.
Por si aún no conoces que novedades trae respecto a la versión 1.5, quizás te interese saber que incluye mejoras en el aspecto gráfico (por ejemplo los botones de la barra de herramientas brillan cuando pasas sobre ellos con el ratón), protección antiphishing, mejoras en las búsquedas (como sugerencia de términos), mejoras en las pestañas, restauración de la sesión, previsualización y suscripción a web feeds, microsumarios y muchas cosas más.
Firefox 2 RC1
Vía / Downloadsquad

| |

Recursos para crear bordes redondeados

ByLuis

nifty.pngPara aquellos que quieran usar bordes redondeados y no se vean capaces de hacerlo, pueden usar varias herramientas.

Una de ellas, es Nifty Corners Cube. Sólo se necesita importar un script, importar una hoja de estilos y realizar una llamada Javascript.

Otra opción, quizá más sencilla y que nos gusta especialmente, es el generador de cajas de bordes redondeados de los catalanes de Neurotic Web. Solo tienes que elegir los colores y te genera automáticamente el código CSS y XHTML. Después subes las imágenes a tu servidor cuidando que la ruta del código de las imágenes en la CSS coincida y listo.

Y por último, Spiffy Corners, el más reciente en aparecer. Otro generador que te lo da todo con la novedad de que no incluye javascript ni imágenes para los bordes redondeados.

Para conocer otras opciones, un post a estas alturas ya muy leído pero que quizá no conozcas: CSS Rounded Corners ‘Roundup’.

|

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

| |

Comet paso a paso: pizarra colaborativa para páginas web

ByLuis

Hoy vamos a ver otro ejemplo de Comet, que a los que trabajamos en desarrollo web, nos puede venir muy bien, para cuando queremos testear una aplicación web de forma conjunta y online. También puede ser útil para realizar presentaciones.

Se trata de una pizarra colaborativa, para dibujar sobre páginas web. Cada usuario dibuja sobre el navegador y el resto de los usuarios ven lo que ha dibujado. Nada mejor para entenderlo que el siguiente video.

Se van a usar sobre todo tres cosas: comet, canvas y http://www.php.net/xml, todo sobre Firefox.

Read More “Comet paso a paso: pizarra colaborativa para páginas web”

|

Modifica dónde guardar los marcadores de Firefox

ByLuis

firefox.pngHoy me he encontrado con que apagué mal el ordenador ayer, y cuando he ido a poner el Firefox… [tachaaan]… no tenía los marcadores. ¡Socorro!, todos los feeds que tengo con el Sage perdidos. Aunque he podido recuperarlos, y aún no sé cómo, lo que sí he querido hacer es guardar los marcadores en otro directorio, en el cual se hacen copias de seguridad.

El método es sencillo:

  • Cierra Firefox
  • Copia o mueve el archivo bookmarks.html y el bookmarks.bak que se hayan en el profile en el directorio nuevo
  • Escribe about:config en la barra de dirección de Firefox
  • Haz click con el botón derecho del ratón, pulsa en Nuevo->Cadena
  • Escribe como nombre de la preferencia: browser.bookmarks.file
  • Escribe el path completo del archivo bookmarks.html (incluido el nombre del archivo)

Listo, ya tenemos cambiada la localización de los marcadores.

Customize the Firefox Bookmarks location