Tuesday, March 18th, 2008
Safari 3.1 Released
Safari 3.1 has been released, so fire up your software update now (or direct install).
The new release includes features (and many more):
- JavaScript performance improvements
- Standards: Adds support for CSS 3 web fonts
- Standards: Adds support for CSS transforms and transitions
- Standards: Adds support for HTML 5 <video> and <audio> elements
- Standards: Adds support for offline storage for Web applications in SQL databases
- Standards: Adds support for SVG images in <img> elements and CSS images
- Standards: Adds support for SVG advanced text
- Developers: Adds option in Safari preferences to turn on the new Develop menu which contains various web development features
- Developers: Allows access to Web Inspector
- Developers: Allows access to Network Timeline
- Developers: Allows editing CSS in the Web Inspector
- Developers: Allows custom user agent string
- Developers: Improves snippet editor
There are also nice user features like double-clicking a link to open in a new window, trackpad gestures, and caps lock view on a password field.
(thanks to Richard Kimber for the quick tip)
4.7 rating from 35 votes
They could have had me with simply the ability to edit CSS in the inspector. Gah, this is awesome. And here I thought Safari updates were forever relegated to OS X updates (either .x or .x.-1 releases).
Okay, I downloaded the update and can’t for the life of me figure out how to edit live CSS.
Nevermind. Apparently double-clicking on computed style rules doesn’t work, but double clicking on style rules listed as from some stylesheet does. Neat!
Sorry for the multiple posts…
Have a look at the following URL in your new Safari 3.1 browser. Very cool!
http://webkit.org/blog/138/css-animation/
Worth also pointing out that Safari 3.1 also supports the following:
* querySelector and querySelectorAll support
* Native getElementsByClassName support
I’m keen to see what the library authors think of sniffing for this feature and use querySelectorAll in place of their selector method.
remy: we do exactly that for Dojo.
This is great news, especially querySelector. I need to update my library to sniff that out and use it whenever possible.
Nice changelog.
Too bad their Canvas implementation is still way behind that of Opera and Firefox : No imageData, no prototype exposed for CanvasRenderingContext2D, no setTransformation. :’(
@remy: DOMAssistant supports querySelectorAll and native getElementsByClassName since version 2.6 :-)
It still doesn’t handle :hover and adjacent sibling selectors correctly…
http://blog.pengoworks.com/index.cfm/2008/3/17/Safari-CSS-hover-and-Adjacent-Sibling-Selector-Bug
Man is it me or did the js engine get a huge speed boost with this new version :)
@chenghong DOMAssistants may be fast, but aren’t very reliable (which is easily verified by adding DOMAssistant to the latest slickspeed test).
That should be: DOMAssistants selectors
@Anonymous: The slickspeed test can be found here but I don’t see any incorrect results.
PSA: Safari 3.1 seems to have removed keypress event firing for backspace and delete keys. Much to my frustration!
@chenghong That’s because the slickspeed test on DOMAssistants domain is a custom tailored one. Use the ‘official’ latest version to testdrive the library, and you’ll see what I mean (also, results differ depending on which browser you’re testing with).
@Anonymous: As far as I can tell, it wasn’t custom tailored. It is just an older ‘official’ version published by mootools themselves. The new version is also available at http://www.domassistant.com/slickspeed-alt/. Again, the results are pretty consistent with other major libraries.
@kim3er: Take a look at the URL you posted, http://webkit.org/blog/138/css-animation/ on an iPhone with 2.0, or using the iPhone simulator.
Safari 3.1 completely changed the location object, it is now no longer under the window, it is it’s own global object. completely hosed my stuff!!!