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

Michael Smith, nos cuenta que la última versión de WebKit soportará esta propiedad, una propiedad que Internet Explorer 5 fué el primero en incorporar y que hace casi un año  John Resig explicó como lo habían integrado en Firefox 3.

element.getBoundingClienteRect() es una propiedad que devuelve un cuadrado, un objeto TextRectangle compuesto por la unión de rectángulos de texto devueltos por getClientRects() ideal para conocer las 4 esquinas de cualquier elemento, similar a las border-XXX del CSS.

Ejemplo

document.getElementById("pageText").getBoundingClientRect();
// --> ClientRect left = "45.5" top = "108.16667175292969" bottom = "1237.2666015625" right = "1215.5"

Descargar

Changeset 40837

Inspector es el Firebug de WebKit/Safari y hace ya tiempo que vamos viendo su evolución y la adquisición de nuevas mejoras que completaban esta herramienta del navegador. 

Alvaro Videla ha extendido las posibilidades añadiendole un juego que ha portado de uno hecho en ActionScript del concurso de 25lines.com. 

El resultado, poco útil, permite ver las posibilidades y la facilidad de extender esta herramienta para ofrecernos ayudas y mejoras propias con el fin de personalizar y facilitar nuestra tarea.

Via

La aparición de Google Chrome ha hecho mover ficha a los demás navegadores para poder competir con los resultados obtenidos con V8 en el procesamiento de Javascript.

Después de la aparición de Chrome, TraceMonkey se ha visto obligado a formar parte por defecto de las última versiones de Firefox 3.1 (recordemos que antes había que activarlo manualmente). Tras muchas pruebas y muchas líneas explicando las maravillas de ambos se demostró que los resultados de uno y de otro son prácticamente similares y que mejoran sustancialmente lo que actualmente procesa el Javascript en los navegadores actuales.

SquirrelFish Extreme es una modificación de SquirrelFish, el motor de procesamiento de Javascript usado en WebKit. Esta versión promete destronar a los actuales reyes del Javascript (V8 y TraceMonkey) mostrando unos resultados realmente espectaculares.

• SquirrelFish Extreme:    943.3 ms
• V8:    1280.6 ms
• TraceMonkey:    1464.6 ms

Estos valores, sacados de Summer of Javascript Core, nos muestran la mejoría de un 36% sobre V8 de Chrome y un 55% sobre TraceMonkey de Firefox.

Partiendo de que SquirrelFish era un gran motor de Javascript, esta nueva versión duplica en velocidad de procesamiento a su predecesor. El gráfico es bastánte ilustrativo.

Como con todas las mejoras que WebKit anuncia, están disponibles desde este mismo momento.

Hace ya más de un año WebKit incluyó en su navegador un inspector web de lo más vistoso. El Firebug de WebKit se ha convertido en la mejor herramienta preferida por los desarrolladores a la hora de depurar y refinar sus diseños en Safari/WebKit (y ahora Google Chrome).

Hoy anunciaban una serie de mejoras que podemos disfrutar en la última nighty versión.

1. Propiedades DOM y variables local pueden editarse, por fin podremos alterar las propiedades DOM de los elementos de nuestra página.
2. Console.count, permite controlar el número de veces que se ejecuta un código.
3. Tab Metrics editable, posibilidad de editar las medidas de nuestros elementos desde el tab metrics.
4. Canvas Text, implementación necesaria para disponer de texto Canvas en 2D.

Los chicos de WebKit, anuncian hoy SquirrelFish, una implementación completamente nueva y revolucionaria del interprete de javascript para el motor de WebKit/Safari.

Desde su salida, apenas unas 12 horas ya se han comparado los resultados con las principales promesas en cuanto a navegadores web se refiere, dejándolos a la altura del betún.

WebKit r34318: 2248.0 ms

Firefox 3.0 RC1: 3288.0 ms

Opera Snapshot 4844: 6012.2 ms

La diferencia es significativa, siendo más rápido que Firefox 1,46 veces y 2,67 veces más rápido que Opera. Todo ello sobre un MacBook Pro 2.16 GHz Core 2 Duo sobre Mac OS X 10.5.3.

Esto es una gran noticia para como van evolucionando las cosas con respecto al javascript, que cada vez más se está consolidando como un lenguaje necesario para mejorar la experiencia del usuario. Mientras más velocidad, más posibles funcionalidades podrán ser implementadas para ayudar al usuario.

Como curiosidad os dejo estas comparaciones con Safari 3.0 y Safari 3.1, en las que podemos ver la mejoría entre la versión 3.0 y la 3.1 de este navegador.

• Safari 3.0 vs SquirrelFish
• Safari 3.1 vs SquirrelFish

Como nos tienen acostumbrados podemos testearlo nosotros mismos desde la última revisión disponible.

Mediante el uso de la propiedad CSS (-webkit-transform), propuesta por el equipo de WebKit para transformar la salida por pantalla del HTML, podremos girar cualquier página usando un pequeño enlace javascript.

javascript:document.body.style['-webkit-transform']='rotate(180deg)';
javascript:document.body.style['-webkit-transform']='rotate('+prompt('degrees',180)+'deg)';

Guarda estos bookmarks entre tus marcadores y podrás girar cualquier página (solo en Safari y WebKit).

Flip / Flip2

Via

Hoy la gente de Webkit, anuncia que la última versión de su navegador dispone de CSS Masks, una nueva funcionalidad CSS que permite aplicar un estilo de máscara a imágenes y elementos.

-webkit-mask (background)
-webkit-mask-attachment (background-attachment)
-webkit-mask-clip (background-clip)
-webkit-mask-origin (background-origin)
-webkit-mask-image (background-image)
-webkit-mask-repeat (background-repeat)
-webkit-mask-composite (background-composite)
-webkit-mask-box-image (border-image)

Estas propiedades, pronto formarán parte del núcleo de Safari, así que no estaría de más ir echandole un vistazo.

Los nuevos tags

WebKit, es bastante famoso por seguir los estándares web y ser pionero (cogido de la mano con Opera) en integrarlos en las versiones beta de su navegador, además es el componente usado de base del navegador predeterminado de los sistemas operativos de Apple, pero con la creación de estos tags creo que está entrando en un terreno delicado, ya que a las pruebas me remito para recordar al querido Internet Explorer, el cual empezó integrando ActiveX, y los problemas que ha causado.

Por el momento están desarrolladas como posibles mejoras para un futuro navegador, a modo de propuestas para ir poniendo los dientes largos a más de uno, pero …

Era cuestión de tiempo que la gente de WebKit pasara el Acid3 y en convertirse en el primer navegador que lo pasa en una versión disponible para descargar.

Un pequeño paso para un navegador, pero un gran paso para la humanidad.  

Actualización:

Me he descargado la última versión y no consigo pasar del 98/100 y además parece que alguien conoce un bug en la versión de desarrollo de Opera que lo deja en un 99/100… parece que la carrera aún continúa.