El weblog de Skatox » Firefox

Vota por el futuro logo de Mozilla Venezuela

Skatox — Thu, 15 Jul 2010 02:40:16 +0000

Ayer se inició la votación para escoger el nuevo logo de Mozilla Venezuela , en el cual varias personas (tanto pertenecientes como ajenas a la comunidad) enviaron sus ideas para colaborar con la futura imagen de la comunidad para su página, afiches, franelas, etc. A pesar de ser un grupo reducido de personas, se recibieron varios logos y hasta el momento se ha logrado tener bastante participación de personas en el proceso de votación, por ello, les invito a visitar la página de Mozilla Venezuela para votar por el logo que mas le guste o les parezca adecuado para la comunidad.

Si pueden, diganle a compañeros y amigos que también voten en el concurso.

Nota: estoy participando con el logo #1 pero deseo que mis lectores voten por el que les guste

La comunidad de Mozilla Venezuela

Skatox — Thu, 03 Jun 2010 17:59:27 +0000

Desde hace unos meses ya existe la comunidad oficial de Mozilla en Venezuela, cuyo objetivo principal es de traducir al español venezolano las aplicaciones de Mozilla (Firefox, Fennec, Thunderbird, SeaMonkey, Bugzilla) y dar a conocer su software en el país.

Por ahora, consta de una reducida cantidad de miembros, donde contamos con un blog, una wiki oficial, lista de correo y chat para medios de comunicación y soporte. Por ahora, nuestra meta a corto plazo consiste en la traducción de Firefox, por ello, te invitamos a unirte para colaborar, si no sabes, simplemente puedes observar el podcast creado por Juanrules donde se explica paso a paso el proceso.

If you can see this, then you might need a Flash Player upgrade or you need to install Flash Player if it's missing. Get Flash Player from Adobe.

Luego, estaremos organizando eventos y maneras de promover una Internet con estándares abiertos. Asi, que si deseas unirte a esta comunidad, simplemente visita http://mozillavenezuela.org/ para mayor información.

blogalaxia: mozilla, comunidad, venezuela, fennec

Extensiones de Firefox recomendadas para el desarrollo web

Skatox — Fri, 28 May 2010 03:34:41 +0000

Soy usuario de Firefox desde sus inicios y cuando empecé a trabajar como desarrollador web en Caniatech, descubrí una gran cantidad de extensiones (la mayoría gracias a su lista de complementos favoritos) que permiten transformar este navegador en una maravillosa herramienta indispensable para cuando se está creando páginas/sistemas web (si fanáticos de Chrome, se que se puede hacer lo mismo con ese navegador). Así que aquí les dejo una lista de las extensiones que recomiendo instalar si trabajan en el desarrollo (y tal vez un poco de diseño) web.

Firebug: para mi es el complemento mas importante e indispensable de esta lista. Esta herramienta permite: excelente análisis y modificación en tiempo real del: código HTML, clases de estilos, permite ver y correr paso a paso (debug) del código Javascript, mostrar la cantidad de errores JS, entre otros.
FireQuery: agrega compatibilidad entre jQuery y Firebug, se pueden observar funciones asignadas a ciertos elementos del markup, entre otros.
FirePHP: agrega compatibilidad con php y permite a los desarrolladores imprimir datos en la consola de Firebug, muy útil cuando se esta creando aplicaciones con Ajax.
PixelPerfect: otro complemento compatible con Firebug, el mismo, permite sobreponer imágenes en cualquier página, con la idea de comparar el sitio que se está desarrollando respecto al diseño original,útil cuando se estan escribiendo las clases de estilos y se desea lograr una apariencia exacta al diseño dado.

Firebug dentro de Firefox con el plugin de jQuery

Html Validator: permite chequear si las páginas web cumplen el estándar XHTML/HTML, necesario para comprobar que tenemos un buen markup Html, evitando futuros problemas de renderizado y permitiendo obtener un mejor SEO.
Messure it!: agrega una regla virtual al navegador para medir la distancia exacta (en pixels) de una distancia o área, muy usada en la etapa de diseño y escritura del CSS (sobre todo si se combina con PixelPerfect.
Dummy Lipsum: permite generar extractos del texto Lorem ipsum e insertarlo en cualquier campo de un formulario, pues como todo profesional de desarrollo web, sabemos lo feo el uso de texto al azar para probar campos de texto.
Lazarus Form: evita la pérdida de los datos dentro de un formulario, útil cuando estamos probando un formulario, rellenamos cada uno de los campos pero algo sale mal y se pierde esa info, pues con este complemento no volverá a suceder lo mismo.
Wappalyzer: excelente complemento que informa sobre las tecnologías usadas en un sitio, cuando entras a una página, muestra unos íconos en la barra de estado de los programas o librerías usadas (ejem, jQuery, WordPress, Google Analytics, etc)

Greasemonkey, Html Validator (icono verde) y observer como muestra para este blog las tecnologías que uso: WordPress, Google Analytics y Jquery

Web Developer: un gran conjunto de herramientas y opciones a utilizar cuando se desarrolla un sitio web, permite ver errores de javascript, activar o desactivar: estilos, plugins, javascript. Posee una barra acceder a las herramientas rápidamente, permite ocultar/mostrar tablas, imagenes, fondos, etc. Indispensable para cualquier desarrollador web.
ColorZilla: permite obtener el color de cualquier pixel de la página, útil para tener el color en hexadecimal de una imagen y escribirlo en el CSS.

Bueno, estos son los complementos mas utilizados por mi cuando creo páginas, si creen que faltan alguno y desean recomendarlo, no duden en comentar. Ademas, si les interesa que complementos uso a diario, pueden ver mi lista.

Plugins recomendados para Firefox

Skatox — Sat, 13 Feb 2010 16:01:59 +0000

Una de la cosas mas atractivas de Firefox son los complementos que ofrece para extender las funcionalidades del navegador, se qué Google Chrome también ahora ofrece extensiones pero (para el momento de escribir este artículo) no estan tan maduras como las de Firefox por ello no he migrado a ese navegador porque no ofrece lo que necesito.

Aquí va una lista de los complementos que uso en Firefox diariamente:

disableMenu permite ocultar automáticamente la barra de menú para ahorrar espacio y dar mejor apariencia.
Adblock Plus: oculta toda la publicidad de las páginas que visites.
Delicious Bookmarks: complemento oficial para usar el servicio http://del.icio.us/ y tener en la nube tus enlaces favoritos.
Down them all: es un accelerador de descargas integrado a Firefox.
Firebug: excelente complemento para analizar los elementos de una página web, debugger de Javascript, editor de CSS, etc. Totalmente recomendado a los desarrolladores web.
Fission: mueve la barra de progreso a la caja de direcciones (donde se introduce el URL) para dar mejor apariencia y reducir el espacio.
Greasemonkey: permite ejecutar script que alteran las páginas antes de visitiarlas, para agregarle funcionalidades extra o mejor la calidad de la misma.
HTML Validator: validador del éstandar W3C para XHTML y HTML 4.0. Totalmente recomendado a los desarrolladores web.
Web Developer: Totalmente recomendado a los desarrolladores web, posee todas las herramientas necesarias para desarrollar y probar una página web.
Weave Sync: el servicio de Mozilla para sincronizar las pestañas, contraseñas, formularios, url, historial sin importar en que computadora estes.

Y el tema de Firefox que utilizo es Strata, le da una apariencia mas Firefox 4.0, además en Windows agrega transpariencias compatibles con Aero al utilizar la extension StrataBuddy

Firefox bajo GNU/Linux con KDE 4

Firefox usando Windows Vista

Bueno prueben las extensiones mas llamativas y recomienden alguna que pudiese gustarme.

Validador de HTML (w3c) para Firefox

Thu, 08 Oct 2009 13:57:33 +0000

Si son desarrolladores web profesionales y les gustan / obligan a crear páginas de alta calidad totalmente validadas por el estándar w3c, me imagino que su proceso es subir la página a Internet y luego validarla con el HTLM Validator, es un proceso tedioso si estas comenzando a aprender sobre XHTML o deseas validar páginas que dependen de acciones, entre otras cosas.

Para ello, existe un excelente plugin para firefox llamado HTML Validator, no se porqué no está en la página oficial de extensiones de firefox, sin embargo pueden entrar a la página del plugin y descargarlo para su arquitectura y sistema operativo. (posee soporte para Windows, Linux, FreeBSD,OpenBSD para 32 y 64 bits)

Al instalarlo, observarán en la esquina derecha inferior, un símbolo verde si la página aprueba el estándar o rojo si ocurre lo contrario. Al hacer clic sobre él, se abrirá una ventana mostrando el código fuente de la página junto a la lista de errores, lo interesante es que al leer sobre cada error, se explica como debería hacerse correctamente a través de ejemplos para poder corregir el error posteriormente y no volverlo a cometer.

Ventana del plugin html validator

Es muy importante si eres desarrollador web, seguir el estándar w3c ya que garantizarás que tus trabajos sean visibles de forma correcta en el 95% de los navegadores (Internet Explorer es el único navegador que no respeta esto y poco a poco le ha tocado adaptarse al estándar) y darás mayor calidad a tus páginas.

Dar transparencia de Aero a Firefox en Windows Vista y Seven

Sun, 27 Sep 2009 18:09:19 +0000

Si son usarios de Windows Vista ó 7, lo mas probable es que tengan la interfaz Aero (que posee las transpariencias y efectos de ventana) y veran como Internet Explorer tiene apariencia agradable con esas ventanas transparentes. Pues resulta que también pueden hacer lo mismo con Firefox utilizando el plugin Glasser, simplemente lo instalas (es un plugin experimental pero a mi me ha funcionado perfectamente) y listo, al reiniciar Firefox tendrás una apariencia mas Aero.

Firefox 3.5 con total apariencia de Aero

blogalaxia: firefox, glass, aero, transparente, transparent

Filtrar la publicidad de notificaciones de Quiz en el Facebook

Mon, 29 Jun 2009 19:11:45 +0000

Si eres de los que estas cansado de que al entrar al facebook lo único que ves son las encuestas idiotas que toma la gente o publicidad de los juegos, pues aquí tengo una solución mediante GreaseMonkey (excelente plugin para Firefox que modifica las páginas mediante javascript) y el script Facebook Purity, al instalar ambos (con entrar a cada página y darle clic en install), inmediatamente al entrar al facebook observarán como esa molesta publicidad/notificaciones ha desaparecido, sin embargo no se pierde, al lado podrán observar un enlace donde muestra cuanta de estas notifiaciones se ha ocultado y da la posibilidad de observarlas de nuevo.

Para finalizar, si desean reordenar para mejor organización las páginas de facebook (ejem, los cumpleaños arriba, quitar las aplicaciones al inicio, etc), les recomiendo instalar Facebook Alter que es otro script para GreaseMonkey con el fin de mejorar la apariencia de esta red social.

Nota 1: “Deben tener instalado firefox y usar este navegador para realizar las operaciones mostradas, además deben instalado GreaseMonkey antes de instalar los scripts de Facebook”.

Nota 2: “Estos cambios solo se ven en su navegador, es decir, la demas gente verá las cosas como siempre”

Better Gmail 2: Una extensión del Firefox para mejorar Gmail

Thu, 19 Jun 2008 03:03:26 +0000

Luego de haber descargado Firefox 3 (ayudando a establecer el récord mundial que se espera por la aprobación de Guiness), me di cuenta que en la parte de extensiones ahora me recomiendan las mas utilizadas. De todas me llamó la atención Better Gmail 2 porque mejora bastante la interfaz de Gmail, con tan solo descargarlo y abrir la ventana de configuración puedes agregar a gmail cosas como: que todos los links de correo de las páginas se manejen con gmail, agregar iconos para identificar los archivos adjuntos en el menú principal, permite el cambio de la interfaz de gmail, forzar conexión segura (usando https), agregar filtros, ocultar la caja de invitaciones, ocultar el Spam, usar carpetas, entre otras.

La opción que mas me gusto es la poder cambiar los temas a Gmail, ya que se siente como un Gmail 2.0: mejorado, rápido y un diseño moderno. Abajo pueden ver los temas disponibles, el negro es el que mas me gusta y si le dan clic al mismo podrán ver la imagen en tamaño completo.

De verdad que les recomiendo usar esta extensión si utilizan Gmail como cuenta de correo, es fácil de usar, da buenos resultados, estable y compatible con Firefox 3.

Dirección para descargarlo: https://addons.mozilla.org/en-US/firefox/addon/6076

Ayuda a Firefox a romper un record Guiness

Sat, 14 Jun 2008 02:37:04 +0000

Si tal como ves, puedes participar este 17 de junio en establecer el récord Guiness del software con mas descargas en 24 horas. Con la salida Firefox 3 se pretende establecer este récord para ello entra a http://www.spreadfirefox.com/es-ES/worldrecord/, y unete.

Por ahora en Venezuela tenemos casi 5700 confirmados, unanse a la causa para llevarlos a 10000 ó mas para que nuestro país cambie de color.

Ademas pueden promocionarlo en su blogs o páginas con los siguientes banners:

Convertir a Firefox en una herramienta de Hacking (ético)

Skatox — Mon, 19 Feb 2007 13:29:06 +0000

Encontré en Security Database (excelente página de seguridad informática) un artículo que explica como convertir el Firefox en una herramienta para hacking ético y así deshacerse de tantos programas por separado.

Para convertir al Firefox sólo se necesitan instalar varias extensiones (Plugins) para agregarle funcionalidades como: Mostrar la Ip de una página, mostrar donde esta ubicado físicamente el servidor del hosting por medio google earth, herramienta para modificar los headers, herramienta para analizar los paquetes y códigos javascript, analizar variables, barra para insertar comandos sql malignos para auditorías, modificar cookies, y muchísimas mas.

El artículo esta en inglés y podrán encontrarlo aquí ó si desean la versión pdf

Aquí les dejo un screenshot de mi navegador con alguna de esas funcionalidades (hacer click para verlo grande y completo):