webkit | aNieto2K

SquirrelFish acelerando el Javascript de Webkit/Safari

aNieto2k hace 95 días en: Programacion, estandares, javascript, web, webdev

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.

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

Haz flip a las páginas con Safari

2 Jun

aNieto2k hace 96 días en: CSS, Curiosidades, Programacion, estandares, web, webdev

+ 6

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

CSS Masks, ya disponibles en WebKit

24 Abr

aNieto2k hace 135 días en: CSS, Programacion, estandares, web, webdev

+ 0

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 …

WebKit pasa el Acid3

27 Mar

aNieto2k hace 163 días en: Actualidad, Programacion, de la red, estandares, web, webdev

+ 10

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. :D

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.

Webkit a punto de superar el Acid3 Test

22 Mar

aNieto2k hace 168 días en: Asides, Programacion, estandares, web, webdev

+ 5

Los chicos de Webkit siempre han ido por delante a otros navegadores en cuanto a estandares, pero es que ahora están a años luz de ellos. Tras conseguir un 95/100 del famoso Acid3 solo les queda superarlo y atribuirse otra medalla que pesará a otros navegadores.

Primeras imagenes de Spinneret, el WebKit de Windows

12 Feb

aNieto2k hace 207 días en: webdev

+ 3

Poco a poco van migrando el navegador estrella para los estandares web a la plataforma más usada en Internet. Tras una pequeña migración consiguen hacerlo funcionar “de esa manera” sobre Windows, dando un gran salto hacia la portabilidad de WebKit. ¿lo veremos en algún móvil en breve?

Actualización
En el desarrollo del core que formará parte de Spinneret (nombre que se le ha dado la versión para Windows de WebKit), se están puliendo la ciertos detalles fundamentales para cualquier navegador, como por ejemplo, el tamaño de la fuente que ha de mostrar. Podemos ver una imagen de como se vé la página de Apple desde está versión realmente alpha.

getSelector y getSelectorAll ya en WebKit

8 Feb

aNieto2k hace 211 días en: Programacion, estandares, javascript, web, webdev

+ 1

La gente de WebKit no para de incorporar nuevas funcionalidades a su navegador. Esta vez ha sido el API de selectores que la W3C publicó hace unos meses. Estos selectores nos permitirán completar las posibilidades de las que ahora disponemos para seleccionar uno o más elementos de nuestro DOM.

Actualmente disponemos de métodos como getElementById, getElementByTagName y el recien integrado en el core, getElementByClassName (de forma nativa) con lo que ya podemos manejarnos perfectamente, pero, ¿nos vamos a contentar con solo estos métodos?. Está claro que no, debemos facilitarnos la vida con querySelector() y querySelectorAll(), podemos conseguirlo. Veamos un ejemplo de su uso.

Ejemplo

document.querySelectorAll(".hot"); // Seleccionar todos los elementos con clase hot

document.querySelector(":hover"); // Seleccionamos el elemento que esté en modo :hover (el ratón sobre él).

document.querySelectorAll("#large:nth-child(even)"); // Ejemplo de como conseguir elementos intercalados (por ejemplo para tablas zebra)

Tests

Desde la propia página de WebKit nos facilitan un test, basado en SlickSpeed de MooTools, en el que podemos testear el funcionamiento de estas funciones nativas (únicamente desde Webkit última versión).

Viendo los tiempos obtenidos por la versión nativa (columna de la derecha), frente a los frameworks testeados (Ext 2.0, Prototype y jQuery) notamos la diferencia y la mejoría (y necesidad) de que estos métodos se incluyan en el navegador y no tengamos que implementarlos nosotros.

Descargar

Más mejoras para WebKit

25 Dic

aNieto2k hace 256 días en: webdev

+ 2

Es que no paran, ni siquiera en estas fechas donde lo último en lo que habría que pensar es en trabajar. Pero esto a nosotros nos va de perlas, ya que una vez más los chicos/as de WebKit han demostrado estar a la cabeza en cuanto a cumplimiento de estandares se refiere.

Un ciclo de desarrollo basado en betas permite que nosotros, los usuarios, podamos disfrutar de estas nuevas características en el momento en el que se desarrollan, de ahí que seamos nosotros los encargados en testear la nueva funcionalidad y reportar los posibles errores que encontremos.

Esta ves, nos sorprenden con una serie de mejoras entre las que podemos encontrar, una versión mejorada del soporte HTML5 de canvas, que gracias a la ayuda de la gente de Adobe han logrado unir gráficos mediante Cairo.

Tambien han depurado el último ticket de la serie que permitía que la cara del Acid2 se viera perfectamente. Otro navegador que se une a la lista de los selectos que han pasado la prueba, a ver si sigue pasandola más adelante.

La tecnología móvil es algo que a nadie se le quiere escapar, y por ello se han puesto las pilas en este tema solventando algunas deficiencias de las versiones portátile. La gente de Google tambien ha contribuido con el proyecto, ayudando a mejorar la decodificación de imagenes entre GTK+ y Android. Ahora las funcionalidades diseñadas para Android serán más fácil de usar con GTK+. Además, la plataforma Maemo/Hildon, usada por Nokia en Tables y Ubuntu`s mobile dispone de una versión oficial de GTK+ y se ha mejorado el tratamiento de Javascript para los modelos N800/810.