Si uno compila su propio WebKit —hay que bajarlo de webkit.opendarwin.org—, puede tener una versión de Safari capaz de pasar el test Acid2, y de paso, se ganan otras capacidades:
Entre las nuevas capacidades que se acaban de añadir, están las de bordes y fondos definidas en CSS3; podéis ver algunos ejemplos en estos enlaces —los marcados con HTML son código que funciona en los WebKits compilados directamente del repositorio; los marcados con PNG son para ver el efecto en navegadores sin soporte CSS3—:
* Bordes redondeados transparentes: <HTML> <PNG>
* Combinación de bordes redondeados y cuadrados: <HTML> <PNG>
Otra cosa muy interesante es que el WebKit experimental soporta gráficos SVG(Scalable Vector Graphics) —un estándar en gráficos vectoriales definido mediante XML—, mediante una pasarela SVG a PNG(Portable Network Graphics).
Prometo contaros qué hay que hacer para tener Safari a la ultimísima, aunque pueda causar dolores de cabeza 😉
Comentarios
3 respuestas a «Demo de Safari pasando el Test Acid2»
Joder, si todos los navegadores fueran implementado todo eso… qué bonita sería la WWW, jolín. Menos gráficos y más CSS 😀 Y alisado de fuentes, por favor.
Eso sí, para diseñar lo mejor Firefox, por mucho que le duela al Safari, que a veces se porta de manera permisiva cuando ponemos:
border:1px solid #33333;Firefox no mostraría el borde y Safari sí. ¿Lo correcto? No mostrar el borde, porque los colores se tienes que especificar con 3 ó 6 dígitos, no con 5 como he puesto. Y Safari, al igual que el IE, te muestran el borde 🙁 Los navegadores, cuanto más estrictos con el código que generemos, mejor. Así tendremos la seguridad de que se verá bien en todas partes. Si son permisivos, y van de listos, nos podemos encontrar muchas sorpresas.
Aún asi, Safari va por muy buen camino 😀
Tienes razón, el problema es que a veces hay cosas que Safari hace en el modo _quirks_, que no las hace en el modo _strict_. Y en el modo _quirks_, suele imitar más a Internet Explorer de PC (WinIE) que a la forma de dibujar de los navegadores Mozilla (motor Gecko).
Build a better Safari o cómo instalar el Web Kit …
http://www.macworld.com/weblogs/macosxhints/2005/09/bettersafari/index.php?lsrc=mwrss
ps.si alguien tiene problemas con el enlace … una versión “en corto” :
http://tinyurl.com/cjdyd