aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

John Resig anuncia que en la proxima versión de Firefox 3, la 3.1. Dispondrá de la capacidad de usar el atributo de CSS3 border-image. Con él podremos especificar una imagen que hará de border al elemento al que se lo indiquemos.

border-image: url(border.png) 27 27 27 27 round round;

border-image: url(border.png) 27 27 27 27 stretch stretch;

Para los más impacientes, podemos hacer nuestras pruebas con la ultima nighty release disponible para descargar.

Esta tarde he visto que la gente de Ars Techinica probaba el interface de usuario de Firefox 3.1. Una versión mucho menos innovadora que la aclamada 3.0, pero interesante tambien.

Despues de descargarla y navegar un rato con ella, pensé que podría extender un poquito ese review.

Apariencia

El aspecto externo, es exactamente igual que Firefox 3, no ha cambiado nada. Únicamente llama la atención el selector de pestañas que me recuerda los malos tiempos de Windows Vista, pero con una mejor sensación (este no se cuelga :D).

Otro cambio, muy esperado por todos los usuarios, es el aspecto de la barra de navegación, en la que, en esta nueva versión, han conseguido reducirla un poco sin perder el aspecto que intentaban buscar en la versión 3.0.

Estándares Web

En cuanto a estándares los resultados son los siguientes:

Acid

Como podemos ver, el incremento en la puntuación con respecto a la versión 3.0 es importante, de un 58/100 llegamos al 84/100. No es un 100/100 pero Roma no se hizo en un día 😀

Selectores CSS3

La implementación de selectores CSS3 es perfecta:

From the 43 selectors 43 have passed, 0 are buggy and 0 are unsupported (Passed 578 out of 578 tests)

Podemos ver en el test que aparece todo «Verde» (correcto), algo lógico viendo como otros navegadores hace ya tiempo que lo integran. La aparición del iPhone 3G tambien ha propiciado este paso ya que las páginas se están volcando en ofrecer contenidos a los que Firefox no puede dejar sin ofrecer.

SunSpider (Test Javascript)

Total: 3322.2ms +/- 3.2%

Si comparamos con resultados que teníamos cuando hicimos la prueba a Internet Explorer 8 beta 1, vemos que en este punto ha cambiado para bien algo realmente soprendente.

• Internet Explorer 8 beta 1: 11713.0ms
• Internet Explorer 7:  72375.0ms
• Firefox 3 beta 3: 16080.6ms
• Safari 3.0.4. Beta: 18012.6ms
• Opera 9.5.9807 Beta: 10824.0ms

Ver resultados del test.

Además, el gran Dustin Diaz, nos comenta que esta nueva versión incluye la implementación de querySelector() y querySelectorAll() de forma nativa, pudiendo reemplazar para estos navegadores funciones como $$() de MooTools.

var $$ = function(q, b) {
  if (b) {
    return document.querySelector(q);
  } else {
    return document.querySelectorAll(q);
  }
};
var lis = $$('ul > li:not(".selected"):hover');

Conclusión

Una versión llamada Shiretoko, que dará un pasito más para que nosotros, los usuarios, tengamos una internet mejor. Pese a ser una versión alpha, la sensación ha sido muy agradable.

Soy de los que piensan que la vida del escritorio del sistema operativo así como lo conocemos tiene los días contados y que todas las opciones que ahora tenemos «en local» pasarán poco a poco a formar parte de las opciones disponibles en Internet y todo podrá ser usado desde el navegador o lo que haya en ese momento.

Por el momento con Firefox3 y 11 plugins podemos conseguir que muchas de las herramientas que usamos actualmente desaparezcan, y así no quitar en navegador de la pantalla nunca.

1. Chatzilla, cliente de IRC
2. Codetch, creación de páginas web.
3. FireFTP, cliente FTP.
4. Calculadora gráfica, sobra la descripción.
5. The Pencil Project, creación de gráficos y diagramas.
6. PicLens, galería de imágenes y vídeos.
7. Testeador de expresiones regulares, testea expresiones regulares.
8. Sage, lector de feeds.
9. Simple Mail, cliente de correo electrónico.
10. Editor de blogs ScribeFire, escribe cómodamente en tu propio blog.
11. SQLite Manager, gestor de bases de datos.

Via

Una de las nuevas funcionalidades de Firefox3 es la extensión de los elementos <input type="file" /> que nos permite utilizarlos previamente antes de subirlos a nuestro servidor mediante Javascript.

Como podemos ver en Firebug, vemos que los elementos <input /> incorporan una propiedad DOM extra llamada files, que se compone de un array de elementos ordenados que hacen referencia a los ficheros subidos mediante ese elemento.

Esta propiedad, dispone de 3 métodos con las que podremos hacer uso de los elementos que subamos:

• Atributos : fileSize y fileName
• Métodos: getAsDataURL, getAsBinary y getAsText

Ejemplo de uso

function writeText() {
    var data = $('text').files.item(0).getAsBinary();
    $('result').update(data);
    $('textsize').update($('text').files.item(0).fileSize);
}
function writeImage() {
  var data = $('image').files.item(0).getAsDataURL();
  $('imageresult').src = 'data:' + data;
  $('imagesize').update($('image').files.item(0).fileSize);
}

El fanatismo a veces nos sorprende con cosas como estas:

La salida de Firefox 3 ha sido increiblemente mediática y de ahi que se haya incrementado el número de usuarios en estos últimos meses.

Si necesitas tener trabajando en paralelo las dos versiones de Firefox, puedes hacerlo siguiendo estos pasos:

1) Descargamos e Instalamos Firefox 3 (si aún no lo tenemos).

2) Accedemos al gestor de perfiles de Firefox, para ello usaremos -profilemanager como atributo que le pasaremos al ejecutable de Firefox.

"C:\Archivos de programa\Mozilla Firefox\firefox.exe" -profilemanager

3) Trás ejecutar esto, veremos el panel que nos permite definir los perfiles que deseemos, básicamente se trata de una carpeta en la que se van guardando los ficheros necesarios por cada perfil generado.

4) Creamos nuestro nuevo perfil (Firefox3), siguiendo los pasos que las pantallas nos van indicando. Seleccionamos default e iniciamos Firefox.

5) Descargamos e Instalamos Firefox2 en un directorio diferente al anterior (tendremos que salir de Firefox3)

Seguro que hay una página donde esten disponibles los enlaces, probé en el FTP y no me funcionó, así que tuve que montar la URL para descargarlo.

http://download.mozilla.org/?product=firefox-2.0.0.14&os=win〈=es-ES

Solo tendremos que reemplazar los valores en negrita por los que deseemos.

A la hora de instalarlo, tendremos que salir de Firefox3 y además indicar una ruta diferente a la usada previamente por Firefox3, será el lugar en el que se instalará Firefox2.

6) Vamos a la propiedades del Acceso directo de Firefox3 y editamos el valor de «Destino».

"C:\Archivos de programa\Mozilla Firefox\firefox.exe" -P "Firefox3" -no-remote

Como podemos ver despues de la opción -P, indicamos elnombre del perfíl que queremos cargar por defecto, en este caso estaremos indicando que Firefox3 será cargado directamente cuando hagamos click sobre el Acceso directo de Firefox3.

Esto nos solicitará que eligamos un perfl para iniciar nuestro Firefox3, en este momento seleccionaremos el perfil que creamos anteriormente.

El resultado

El día de Firefox3, el Downloads Day, por fin ha terminado. El día en el que Mozilla Firefox ha marcado un record guinnes de descargas en un día con , muy lejos de las 6,7 millones de Firefox 2.

Sin duda le han puesto el listón muy alto al Internet Explorer 8, que como todos sabemos, la beta 2 estará disponible el próximo més de Agosto, y parten de 2 millones de descargas de la versión anterior (la beta 1). Una versión con la que dispondremos de soporte CSS 2.1 completo, mejoras en la velocidad de ejecución de Javascript y gestión de memoria, en fín algo menos Internet Explorer de que es ahora.

Opera 9.5 tamben anunciaba ayer la gran acogida de esta nueva versión, llegando a los 4,5 millones de descargas en 5 días, una cifra nada despreciable.