Firefox 14 Beta con activación manual de plugins y seguridad mejorada para identificar sitios

Los chicos de Mozilla sin duda quieren recuperar el terreno perdido, pues las últimas actualizaciones en los canales Aurora y Nightly han sido geniales; hoy nos presentan el nuevo Firefox 14 Beta.

[Firefox 14 Beta: Acerca de]

Novedades para el usuario final en Firefox 14 Beta

La que considero la principal novedad, es la seguridad mejorada para identificar sitios (Site Identity Manager). Esta característica causó polémica hace unos días, pues muchos blogs lanzaron la nota alarmista de que Firefox iba a eliminar los favicons de su interfaz… nada más alejado de la realidad.

Lo único que hicieron los chicos de Mozilla, fue sustituir el favicon en la AwesomeBar (así se le llama a la barra de direcciones en Firefox) con uno representativo para indicar si se trata de un sitio o conexión segura, ayudando de esta forma al usuario a identificar si el sitio visitado usa encriptación SSL y certificado de seguridad, lo cual incluso le da una pauta al usuario si está visitando sitios fraudulentos o con contenido malicioso.

[Firefox 14: Identidad de Sitios Mejorada]

Como pueden ver en la imagen, el favicon del sitio web sigue mostrándose en la interfaz (en el título de la pestaña o si creamos un marcador del sitio).

Una novedad más, que en lo particular me encantó, es que ahora los plugins pueden configurarse para que se carguen a petición del usuario (Opt-in Activation for Plugins). El único detalle, es que no viene habilitada por defecto. Si deseas hacerlo, entra a about:config y pon a true la propiedad plugins.click_to_play.

[Firefox 14: Plugins Click to Play, Paso 1]

De esta manera, cada vez que visites una página que utilice algún plugin, como Flash, se te pedirá si deseas habilitarlo (en sólo esa ocasión o fijo para el sitio web), ya sea desde el icono especial a la izquierda de la AwesomeBar, o directamente sobre el elemento en cuestión (como el video de YouTube de la imagen siguiente).

[Firefox 14: Plugins Click to Play, Paso 2]

Otra novedad, es el autocompletado de URLs al momento de escribir en la AwesomeBar (tal y cómo lo hace Chrome desde no-recuerdo-que-versión).

[Firefox 14: Autocompletar en la AwesomeBar]

Otro cambio, es que Firefox para Windows empieza a incorporar elementos de Australis, la nueva interfaz que será predeterminada dentro de unos meses.

[Firefox 14: Primera vista de Australis en Windows]

Otros detalles “menores”, pero igual de importantes:

  • Ahora se usa el buscador de Google con SSL (vía HTTPS) de manera predeterminada.
  • Se añadió soporte para uso a pantalla completa (full screen) en Mac OS X Lion.
  • Cuando se muestre una imagen directamente, se verá un fondo texturizado. El cambio es muy sutil, deben ser muy observadores.
  • La burbuja desplegable (popup bubble) que contiene el enlace URL que aparece en la esquina inferior izquierda cuando colocamos el puntero del mouse sobre algún hipervínculo, ahora es más largo cuando dicho vínculo no cabe en él.

Novedades para desarrolladores en Firefox 14 Beta

La principal novedad para desarrolladores web, especialmente los que se dedican a la creación de juegos, es la implementación del llamado Pointer Lock API, también llamado Mouse Lock API, que permite más control sobre el mouse en los juegos; un ejemplo: evitar que el puntero salga del área de la ventana (o sea, del juego).

Otro API implementado, es la prevención de la activación del protector de pantalla (screen saver) y la hibernación/suspensión del equipo. Será muy útil en aplicaciones multimedia y juegos.

Por su parte, las herramientas integradas para desarrolladores han recibido bastantes mejoras, principalmente al inspeccionar estados de las pseudo clases :hover, :active y :focus.

Asimismo, las propiedades CSS text-transform y font-variant han sido actualizadas para ajustarlas al estándar.

Por último, el desempeño para SVG ha sido mejorado significativamente.

Descargas Directas de Firefox 14 Beta en Español

Firefox 14 Beta en Español para Windows:

Firefox 14 Beta en Español para MacOS X:

Firefox 14 Beta en Español para Linux (32 bits):

Firefox 14 Beta en Español para Linux (64 bits):

También pueden visitar la página oficial de descargas.

Instalar Firefox 14 Beta en Ubuntu

Si usas Ubuntu, puedes instalar Firefox Beta desde su repositorio PPA:

sudo add-apt-repository ppa:mozillateam/firefox-next
sudo apt-get update
sudo apt-get install firefox

Instalar Firefox 14 Beta en ArchLinux

Si usas ArchLinux, puedes instalar Firefox 14 Beta desde el repositorio AUR, con el comando:

yaourt -S firefox-beta-bin

Y para la edición en español:

yaourt -S firefox-beta-bin-es-es

¡Anímense a probar Firefox 14 Beta!

Referencias

Por si desean consultarlas, aquí algunas referencias oficiales:

Share

Firefox 15 Aurora con Responsive Mode, Layout View, Developer Bar y Preferencias In-Content

Luego de varias semanas (especialmente los últimos días) de ver geniales novedades en Firefox 15 Nightly, hoy ya podemos disfrutar de todas ellas en el nuevo Firefox 15 Aurora. A pesar de que en el anuncio oficial sólo se mencionan un par de novedades, aquí podrán conocerlas todas.

[Firefox 15 Aurora - Acerca de]

Primero, tenemos el nuevo Responsive Mode (Menú » Desarrollador Web » Responsive Mode, o bien, Ctrl + Shift + M), para que podamos ver fácilmente nuestros diseños responsivos sin necesidad de modificar el tamaño de la ventana de nuestro navegador web.

[Firefox 15 Aurora - Responsive Mode]

Segundo, ahora podemos visualizar de una manera sencilla la medida de los componentes del modelo de caja (box model) de nuestros objetos del DOM, gracias al nuevo Layout View incluido en el Inspector HTML (Menú » Desarrollador Web » Inspector, o bien, Ctrl + Shift + I).

[Firefox 15 Aurora - Layout View]

Ahora, veamos las novedades ocultas :-)

¡Nueva Barra para Desarrolladores (Developer Bar)! No viene habilitada de manera predeterminada. Para hacerlo, vamos a about:config y ponemos a true la propiedad devtools.toolbar.enabled, reiniciamos el navegador, y ya podemos activarla en Menú » Desarrollador Web » Developer Bar, o bien, usando Ctrl + Shift + V.

En dicha barra, primero tenemos una línea de comandos, o consola, para ejecutar comandos tales como echo, screenshot, inspect, edit, break, etc. Después, pueden observar botones que activan otras funciones exclusivas para desarrolladores, como el Inspector o el nuevo Responsive Mode.

[Firefox 15 Aurora - Developer Bar]

Por último, ahora podemos entrar a las opciones de configuración (o preferencias del navegador) por medio de páginas contenidas (in-content), en vez del típico cuadro de diálogo. La característica no está habilitada de manera predeterminada, así que tendremos que entrar a about:config y cambiar el valor de la propiedad browser.preferences.inContent a true.

[Firefox 15 Aurora - Preferencias In-Content]

Aquí el contenido de la primera sección de las preferencias.

[Firefox 15 Aurora - Preferencias In-Content]

¿Qué esperan? ¡Descarguen ahora mismo Firefox 15 Aurora!, sólo elijan plataforma y localización:

Firefox 15 Aurora en Español para Windows:

Firefox 15 Aurora en Español para MacOS X:

Firefox 15 Aurora en Español para Linux (32 bits):

Firefox 15 Aurora en Español para Linux (64 bits):

También pueden visitar la página oficial de descargas.

Share

Firefox 16 Nightly ya permite instalar las Mozilla Apps

¡Vaya que los chicos de Mozilla andan activos! Hace dos días les comentaba de los nuevos Responsive Mode y Layout View, y apenas ayer sobre la Developer Bar. La novedad de hoy en la última actualización de Firefox 16 Nightly, es que ya permite instalar las Mozilla Apps, aunque con poca funcionalidad aún.

[ Firefox 16 Nightly ya permite instalar las Mozilla Apps ]

Estaré muy pendiente de esta nueva característica, para irles contando al respecto.

¿Quieren probarlo ustedes mismos? Descarguen la última actualización de Firefox 16 Nightly:

Firefox 16 Nightly en Español para Windows:

Firefox 16 Nightly en Español para MacOS X:

Firefox 16 Nightly en Español para Linux (32 bits):

Firefox 16 Nightly en Español para Linux (64 bits):

Share

Firefox 16 Nightly con nueva Barra para Desarrolladores

Apenas ayer les mencioné sobre los nuevos Responsive Mode y Layout View en Firefox Nightly (que ayer estaba en la versión 15 y hoy migró a la versión 16), y hoy me entero vía ghacks de la aparición de otra novedad: Una Barra para Desarrolladores (Developer Bar).

No viene habilitada de manera predeterminada. Para hacerlo, vamos a about:config y ponemos a true la propiedad devtools.toolbar.enabled, reiniciamos el navegador, y ya podemos activarla en Menú » Desarrollador Web » Developer Bar, o bien, usando Ctrl + Shift + V.

[Firefox 16 Nightly con nueva Barra para Desarrolladores]

En dicha barra, primero tenemos una línea de comandos, o consola, para ejecutar comandos tales como echo, screenshot, inspect, edit, break, etc. Después, pueden observar botones que activan otras funciones exclusivas para desarrolladores, como el Inspector o el nuevo Responsive Mode.

Sin duda, un gran acierto por parte de Mozilla.

Como comentario final, en ghacks mencionan que la nueva Developer Bar debe ser incluida en Firefox 15 Aurora, versión que debe estar disponible en las próximas horas.

Share

Firefox 15 Nightly con Responsive Mode y Layout View

Me entero por Webmonkey de que la última actualización de Firefox 15 Nightly viene con dos interesantes novedades, que estoy seguro serán bienvenidas por los diseñadores web.

Primero, tenemos el nuevo Responsive Mode (Menú » Desarrollador Web » Responsive Mode, o bien, Ctrl + Shift + M), para que podamos ver fácilmente nuestros diseños responsivos sin necesidad de modificar el tamaño de la ventana de nuestro navegador web.

[ Responsive Mode en Firefox 15 Nightly ]

Segundo, ahora podemos visualizar de una manera sencilla la medida de los componentes del modelo de caja (box model) de nuestros objetos del DOM, gracias al nuevo Layout View incluido en el Inspector HTML (Menú » Desarrollador Web » Inspector, o bien, Ctrl + Shift + I).

[ Layout View en Firefox 15 Nightly ]

Debido a que Firefox 13 ha llegado al canal estable, es cuestión de unos pocos días para que estas novedades sean incluidas en el próximo Firefox 15 Aurora. ¡Estén pendientes!

Share

Firefox 13 Estable en Español con renovadas Página de Inicio y Nueva Pestaña

Hace unos momentos, y aún sin anuncio oficial (Actualización 5-Junio-2012: Anuncio Oficial), en los servidores FTP de Mozilla ya podemos encontrar a Firefox 13, la nueva versión estable de su navegador web.

[Firefox 13: Acerca de]

La principal novedad es la renovación de la Página de Inicio o Homepage, originalmente introducida en Firefox 4. Ahora cuenta con enlaces (con iconos) para algunas de las características principales de Firefox. Además, el botón de “restaurar sesión anterior” ahora es más notorio.

[Firefox 13: Nueva Página de Inicio]

Para acceder a la nueva página de inicio pueden usar about:home.

Otra de las novedades, la cual ya les había mencionado, es la nueva página Nueva Pestaña o New Tab, similar a las que utilizan desde hace tiempo Opera y Chrome.

[Firefox 13: Nueva Página Nueva Pestaña]

Para mi gusto, su funcionalidad es muy limitada, ya que sólo podemos eliminar, fijar y mover las miniaturas; no podemos editarlas o agregar alguna de manera personalizada.

Y por cierto , para acceder a ella, pueden usar about:newtab.

¿Hay más novedades? ¡Por supuesto!

Y para mis colegas desarrolladores, aquí las novedades que nos competen:

Descargas de Firefox 13

[Actualización 15-Junio-2012] Los chicos de Mozilla han liberado una actualización, Firefox 13.0.1, debido aun problema de compatibilidad con la última versión (11.3) de Flash, así como errores al cargar el sitio de Hotmail. Por lo anterior, he actualizado los siguientes enlaces de descarga directa.

¡Instala Firefox 13.0.1 antes que nadie! Selecciona tu plataforma y descarga tu localización preferida.

Firefox 13.0.1 para Windows:

Firefox 13.0.1 para MacOS X:

Firefox 13.0.1 para Linux de 32 Bits:

Firefox 13.0.1 para Linux de 64 Bits:

¡A disfrutar de Firefox 13! :-)

Share

Google Chrome 19 Estable en Español con Sincronización de Pestañas Abiertas

Google Chrome LogoHace unos momentos el Canal Estable de Google Chrome llegó a la versión 19, a siete semanas de la salida de su versión previa.

Sus características ya las había comentado previamente, por lo que me permitiré hacer una copia de la sección de novedades de ese post.

Novedades en Google Chrome 19

La principal novedad en Google Chrome 19 Beta (la única mencionada en el anuncio oficial), es la sincronización de pestañas abiertas… bueno, no se trata realmente de una sincronización típica (como la existente en Firefox); me explico con el siguiente ejemplo.

Si abrimos las pestañas x, y, z en la laptop de casa no se abrirán las mismas pestañas en la PC de escritorio de la oficina, si no que dichas pestañas estarán disponibles en el menú “Otros dispositivos” (Other devices) en la página Nueva Pestaña (New Tab Page).

Aquí un video descriptivo de esta nueva característica.

Ya sé que están pensando: “¿Y sólo eso trae de nuevo?” … Si, sólo eso. Las versiones anteriores nos han dado bastantes novedades, muchas de ellas significativas y muy interesantes… ¿será que los chicos de Google nos darán una gran sorpresa en Chrome 20?

Descargar Google Chrome 19 en Español

Enlaces a los instaladores completos de Google Chrome 19 Estable, según tu sistema:

No hay que perder de vista que los instaladores binarios de Linux agregarán de manera automática el repositorio oficial de Google que corresponda a la distro utilizada.

Actualizando a Google Chrome 19 Estable en Linux

Si ya tienes Google Chrome instalado, no hay necesidad de una instalación nueva, basta con realizar una actualización. Si en tu distro aún no han sido actualizados los repositorios, no desesperes, es cuestión de algunas horas para que ocurra.

En Ubuntu y Debian:

$ sudo apt-get update && sudo apt-get upgrade

En Fedora:

$ sudo yum check-update && sudo yum update

En OpenSUSE:

$ sudo zypper refresh && sudo zypper update

Fuentes: The Google Chrome Blog y Google Chrome Releases.

Share

Organización Eficiente de Marcadores o Favoritos en Navegadores Web

He visto incontables veces como usuarios, al navegar por la web, no hacen uso adecuado de los marcadores (bookmarks) o favoritos, o bien, ni siquiera los usan. La ventaja de usar marcadores es tener a la mano los enlaces a nuestros sitios web más visitados, o que sabemos seguro visitaremos en el futuro.

Por lo anterior, decidí redactar este post, con algunas sugerencias personales de cómo usar eficientemente los marcadores, independientemente del navegador web y sistema operativo utilizado.

Sugerencia 1

Antes que nada, no usar los marcadores para almacenar enlaces a noticias, blog posts, imágenes o videos, ya que rápidamente se elevaría la cantidad de marcadores, ocasionando incluso un menor desempeño de nuestro navegador web.

¿Qué usar entonces para almacenar este tipo de enlaces? Existen servicios especializados para ello, como Pocket (mi sugerencia personal), Evernote, Springpad, Delicious, Instapaper, etc.

Es recomendable sólo usar los marcadores para enlaces a la página principal (o de inicio) a sitios, aplicaciones o servicios web.

Sugerencia 2

Un esquema sugerido para nuestra barra de marcadores es el siguiente.

[ Organización Eficiente de Marcadores en Navegadores Web ]

  1. Enlaces “VIP”, los que más usamos, aquellos a los que entramos a diario. Para ahorrar espacio, podemos eliminar el nombre descriptivo del marcador, dejando solamente el favicon.

  2. Crear carpetas o grupos para el resto de nuestros marcadores; su objetivo es organizar en temas o categorías a dichos marcadores.

    Aquí también podemos ahorrar espacio, pero como no podemos basarnos en los favicons (por que todos son iguales), si podemos usar caracteres Unicode que representen al nombre de nuestra categoría. Por ejemplo, ⚙ = Desarrollo Web, ⚡ = Bookmarklets, ⟱ = Descargas, etc.

    ¿Dónde encontrar esos caracteres? Hay muchos recursos disponibles sobre Unicode en la web.

  3. Cuando se tiene una buena cantidad de marcadores, es normal que las carpetas de categorías resulten insuficientes, por lo cual es buena idea crear sub-carpetas para los sub-temas o sub-categorías. Otra sugerencia es ordenar estas carpetas, dejando en la parte superior las que más consultemos.

  4. Dentro de cada carpeta de categoría, siempre habrán algunos marcadores de consulta frecuente, los cuáles podemos colocar fuera de las carpetas de sub-categorías, para acceder más fácil a ellos.

  5. Dentro de cada carpeta de categoría, llega un momento en que es inevitable tener enlaces que no encajan en ninguna sub-categoría y tampoco son un enlaces de consulta frecuente (punto 4), por lo que es recomendable crear una sub-carpeta para estos marcadores, para “el resto”.

    Mi preferencia personal es usar el caracter “+” (antes usaba la palabra “varios”) como si fuese la última sub-categoría (punto 3), y ahí colocar dichos marcadores.

  6. Por último, siguiendo la idea del punto anterior, podemos crear una carpeta de categoría para todos aquellos marcadores que no entren en ninguna de las categorías existentes.

Sugerencia 3

¡Usar sincronización de marcadores! Los navegadores web modernos, como Firefox y Chrome, ofrecen sus propios servicios de sincronización, los cuales con perfectos si sólo usamos un navegador web. Si usan indistintamente varios de ellos, les recomiendo el servicio de Xmarks (punto 7 en la imagen) para sincronizar sus marcadores entre diversos navegadores web.

Disclaimer / Advertencia

Todo lo anterior, son tips o sugerencias personales (según mi propia experiencia) de cómo usar y organizar de manera eficiente los marcadores, de ninguna manera son reglas o guía obligatoria a seguir para los usuarios de navegadores web.

Share

Firefox 15 Nightly con Preferencias “In-Content”

Interesante movimiento por parte de Mozilla. En el último Nightly Build de lo que será Firefox 15, ahora podemos entrar a las opciones de configuración (o preferencias del navegador) por medio de páginas contenidas (in-content), en vez del típico cuadro de diálogo que se ha usado desde su creación… si, así es, al puro estilo de Google Chrome.

La característica no está habilitada de manera predeterminada, así que tendremos que entrar a about:config y establecer la propiedad browser.preferences.inContent a true.

[ Firefox 15 Nightly con Preferencias In-Content 01 ]

Ahora, cuando entremos a las preferencias de Firefox, ya no se abrirá el tradicional cuadro de diálogo, y veremos lo siguiente.

[ Firefox 15 Nightly con Preferencias In-Content 02 ]

Aquí el contenido de la primera sección.

[ Firefox 15 Nightly con Preferencias In-Content 03 ]

Descargas Directas de Firefox 15 Nightly en Español

Firefox 15 Nightly en Español para Windows:

Firefox 15 Nightly en Español para MacOS X:

Firefox 15 Nightly en Español para Linux (32 bits):

Firefox 15 Nightly en Español para Linux (64 bits):

Vía: gHacks.

Share