Firefox 4 Beta 2 disponible

Wednesday 28 de July de 2010, 12:46 pm 0 Comments

Los de Mozilla no descansan, y a sólo tres semanas de haber liberado la primera beta, hoy ya tenemos disponible Firefox 4 Beta 2.

Firefox 4 Beta 2

¿Novedades? Podemos observarlas en la imagen anterior:

  • Ya se encuentra disponible en 23 lenguajes (incluyendo el español).
  • Las pestañas (tabs) ahora pueden fijarse como pestañas de aplicación (app tabs); esto se logra haciendo click secundario a la pestaña y en el menú conextual seleccionar “Transformar en pestaña de aplicación”
  • Y algo interesante para desarrolladores, es que ya soporta transiciones y transformaciones CSS3 (escalado, traslación y rotación). Ejemplo al final del artículo.

Si no las conoces, te recomendamos leer la lista completa de novedades de Firefox 4.

Descarga Directa de Firefox 4 Beta 2

Es importante señalar que se trata de una versión de prueba, la cual posiblemente tendrá errores (bugs) y muchas extensiones (addons) no funcionarán, por lo que no se recomienda su uso a nivel producción (la última versión estable, al momento de escribir este artículo, es Firefox 3.6.8).

Si deseas probar esta segunda beta, puedes entrar a la página oficial de descargas, o bien, usar los siguientes enlaces de descarga directa.

Instalar Firefox 4 Beta 2 desde Repositorios en Linux

En Linux, es muy sencillo instalar Firefox 4 Beta 2 desde repositorios; aquí algunos de ellos.

Ubuntu

$ sudo add-apt-repository ppa:ubuntu-mozilla-daily/ppa
$ sudo apt-get update
$ sudo apt-get install firefox-4.0

ArchLinux

$ yaourt -Sy firefox-nightly

Fedora

$ sudo rpm -Uvh http://rpms.famillecollet.com/remi-release-13.rpm
$ sudo yum --enablerepo=remi install firefox4

El Rincón del Desarrollador Web

En el siguiente código CSS de ejemplo, podemos observar el uso conjunto de transiciones y transformaciones CSS3.

#caja {
  background-color: yellow;
  color: black;
  transition-duration: 1s;
  transform: rotate(10deg);
  -moz-transition-duration: 1s;
  -moz-transform: rotate(10deg);
  -webkit-transition-duration: 1s;
  -webkit-transform: rotate(10deg);
  -o-transition-duration: 1s;
  -o-transform: rotate(10deg);
}
 
#caja:hover {
  background-color: red;
  color: white;
  transform:  rotate(350deg) scale(1.4) rotate(-30deg);
  -moz-transform:  rotate(350deg) scale(1.4) rotate(-30deg);
  -webkit-transform:  rotate(350deg) scale(1.4) rotate(-30deg);
  -o-transform:  rotate(350deg) scale(1.4) rotate(-30deg);
}

Se agregaron las propiedades con los prefijos propios del resto de los navegadores de primer nivel (-moz para Firefox, -webkit para Safari y Chrome, -o para Opera).

Fuentes: The Mozilla Blog, Mozilla Hacks.

Share

Post tags