Skip to Content

Free TUAW iPhone app -- try it now!
AOL Tech

webkit posts

Filed under: Odds and ends, iTunes, Graphic Design

Inside the new iTunes LP format

With the release of iTunes 9 came iTunes LP. Our own Dave Caolo gave iTunes LP a glowing review, but if you're wondering just how Apple worked their magic with the new format, web developer Jay Robinson has picked it apart thoroughly. As it turns out, simply replacing the ".itlp" extension with ".zip" reveals the contents of the package, which are actually HTML, CSS, and a little JavaScript. The Flash-like interfaces really use no Flash, but instead rely on the proposed CSS3 animation properties. If you're a web developer like yours truly (or a few other TUAW bloggers), you'll definitely want to check out Jay's analysis of the format.

We've also been informed by a loyal tipster that if you take that unzipped folder of content and put it in your Sites directory (with Web sharing turned on, naturally), you might try browsing to it from your iPhone or iPod touch and seeing what shows up in Mobile Safari. Fascinating.

Filed under: Gaming, Internet Tools

WebKit going 3D with WebGL



There will be a day in the not-too-distant future when playing 3D games in your browser -- without extra plugins like Flash or Unity -- will be a reality.

The WebGL project, which has quickly made the blogging rounds this morning, combines aspects of HTML 5, JavaScript, and the OpenGL 3D drawing engine in an effort to create 3D graphics that appear right in your browser. Thus far, it's only beginning to show up in WebKit (the engine powering Safari and Google Chrome), but the glimpses as seen in the video above really show the power in these browsers.

[Via Download Squad]

Filed under: Internet, Developer, Snow Leopard

3D animations coming to Safari


Charles Ying over at satine.org has put together an impressive demo using Safari's forthcoming CSS 3D transform features. There is a YouTube video of the demo (you can watch it in the 2nd half of this post), as a nightly build of WebKit or the Snow Leopard version of Safari is required to render it.

The demo, titled Snow Stack, displays a wall of photos in three dimensions and allows you to navigate across the wall using your arrow keys. The wall of photos seems to go on into infinity while it dynamically loads the photos from Flickr as you travel across it.

The animation style is similar to the browser plug-in Cooliris (formerly known as PicLens), but it was written entirely in HTML and CSS, with some JavaScript to pull in the photos from Flickr. The animations are so amazingly smooth animations it's hard to believe that only CSS was used to create them. Surprisingly, Safari on iPhone has supported CSS 3D transforms for sometime now, but the animations have yet to make an official debut on the desktop.

If you are running Leopard and want to see the demo running on your Mac you will need to download the nightly build of WebKit to render it in all of its 3D splendor. If you have a pre-release copy of Snow Leopard installed you can simply use the built-in version of Safari to view it. Until Apple releases a public build of Safari with these features those are your only options.

A post today on the Surfin' Safari blog over at WebKit features another demo of CSS 3D transforms called Poster Circle. I've posted a video to YouTube of this demo in action.

Some of the options developers will be able to use with the new CSS 3D tranforms include: scaling, perspective, rotation, and standard 3D positioning. Apple has submitted a specification detailing these features to the W3C. Hopefully as time progresses other browser vendors will implement the spec as well. In the meantime Safari users will have these beauties all to themselves.

Continue reading3D animations coming to Safari

Filed under: Analysis / Opinion, Software, Cool tools, Internet Tools

From Firefox to Safari (and back again)

I realize I may not be your average browser user. As a web developer, a browser to me is two parts daily use, two parts testing, and one part challenge. Since 2005, I've been using Firefox in some form or fashion as both my primary browser and as a testing vehicle.

I had recently started a JavaScript-intensive project, and I appreciated Safari 4's lightning-fast JavaScript execution speeds. In Firefox, I rely mostly on add-ons like Web Developer and Firebug to help me analyze and test for mistakes in websites I build in Firefox. They work great, but enabling them slows the browser down.

That's why I was excited for the updated Web Inspector that comes as part of Safari 4. (Yes, Safari 3 first came with Web Inspector, it couldn't hold a candle to Firebug's Swiss Army knife of an add-on for Firefox.) Testing was easy, and Safari 4's Web Inspector's many improvements made me think I could migrate to Safari full-time.

Read on to see how it went.

Continue readingFrom Firefox to Safari (and back again)

Filed under: Internet Tools, Open Source, Beta Beat

Livin' on the edge with optimized, beta Firefox builds

Do you feel the need... the need for speed? With more and more of our computing lives taking place via our web browsers, eking out even a slight performance improvement for Firefox or Safari (or a similar reduction of resource demands; I'm looking at you, Flash Player) can improve the user experience noticeably. One way to improve browser performance, if you've got the chops and the time, is to compile the open-source browser of choice yourself, with all the tweaks for the specific processor platform you're using.

Web guru Neil Bruce Lee has offered the performance-hungry Firefox user the choice of G5 and Intel optimized versions of the 3.0 release; now, for those who want to live completely on the far side, Chris Latko has rolled out an Intel-optimized build of the beta Firefox 3.1 (Shiretoko) browser. With the architecture-specific tweaks Latko made, along with the inclusion of the TraceMonkey Javascript native compiler, this is the screaming-est version of Firefox ever to grace an Intel Mac screen... but be wary, it's going to be less stable than an official release, and many of your favorite plugins may not work (best to disable them all in the 3.0x version, then enable one at a time in the beta build to make sure they play nicely).

Don't roll the Firefox way? There's a bleeding-edge choice for you too: WebKit nightly builds, based on the most current code that goes into future versions of Safari. Again, you should see a boost in speed and possibly a corresponding decrease in stability, so tread with caution.

If you're running an optimized browser build, share your experiences with us below.

Thanks Chris!

[Hat tip: Mac.Blorge]

Filed under: Analysis / Opinion, Internet Tools, Developer

CSS Animation to replace need for Flash in MobileSafari? Not likely

New nightly builds of Safari's bleeding-edge doppelgänger, WebKit, are getting some new support for CSS animations -- support that's already available in MobileSafari.

The animations, which include a falling leaves effect, a way to simply animate objects sliding across the screen, and a "pulse" effect (described as "the new <blink>") are all supported by WebKit. The WebKit blog shows code examples about how to use these behaviors in your own sites.

MacRumors's Arnold Kim suggests that Apple may be looking to obviate the need for Flash on the iPhone and iPod touch through the implementation of web tools like CSS Animation. I would argue that while CSS is powerful, getting Flash on the iPhone is about one thing and one thing only: Games.

Continue readingCSS Animation to replace need for Flash in MobileSafari? Not likely

Filed under: Internet Tools, iPhone

Farewell, iPhone-optimized iGoogle


One shining year -- that's how long the iPhone-optimized iGoogle search page hung around, and now we must tell it goodbye. Introduced in January 2008, the customized iGoogle UI for Mobile Safari provided a single-column view and easier navigation for iPhone users. As Christina noted earlier today on Download Squad, the sleek UI has been replaced with the unified mobile format for iGoogle that renders similarly on most mobile browsers, including Google's own Webkit-based Android browser (which previously had benefited from the Webkit-tweaked front page for the iPhone).

The unification of the mobile iGoogle interface may simply be an effort by Google to level the playing field instead of having the iPhone as a most-favored-device, or it might be part and parcel of the big G's shaving down on costs by eliminating offerings like Jaiku, Dodgeball and Google Notebook. Either way, if you're mourning the loss of your custom iGoogle look, let us know below.

Filed under: Apple Corporate, Software, Internet Tools, App Store

Third-party apps enhance web browsing for iPhone, iPod touch

Earlier this week, there was a sudden influx of web browsing applications in the App Store. Mac Rumors points out that some of them, most notably Edge Browser [App Store link], have very old release dates even though they only showed up in the store recently (Edge Browser's release date is listed as Oct. 13, '08). It's important to note that these aren't true third party browsers, but enhancements to Mobile Safari.

What's interesting is that Apple has previously rejected applications for "duplicating functionality" of some of their own software. Specifically, Podcaster was rejected because it "...duplicates the functionality of the Podcast section of iTunes," while MailWrangler was denied for duplicating "...the functionality of the built-in iPhone application Mail without providing sufficient differentiation or added functionality."

Perhaps Apple is now loosening the reigns a bit. Applications like Edge Browser, Incognito [App Store link], QuickSurf [App Store link] and WebMate: Tabbed Browser [App Store link] offer web browsing functionality in one form or another. For example, Incognito allows for history-free browsing, QuickSurf speeds things up by omitting most images and WebMate queues up all links for later viewing.

Sure, they aren't full fledged, third party browsers, but it's baby steps we're after.

[Via MacDailyNews]

Filed under: Software, Internet Tools, Open Source

WebKit adds some Sparkle

Sparkle, Andy Matuschak's software update framework for Cocoa applications, is no stranger to TUAW. Now, it's found its way into WebKit, the developmental version of Safari. This feature, often requested on the WebKit mailing lists, allows WebKit to update itself with the click of a button.

Sparkle has become a standard for Mac applications. I tend to shudder a little bit every time an application has the smarts to tell me there's an update, but then sends me to a web page to download it. Not because I'm lazy, just because I know there's a better way. There are several variations cropping up, including one from Google. I haven't worked with the newcomers, but I can testify that Sparkle is so utterly simple to implement that developers who fail to do so should be scolded repeatedly until they capitulate (see WebKit). A hearty thanks, though, to the WebKit team, from all of us who surf the bleeding edge of browser development.

Thanks to Chris Pirillo for the tip!

Filed under: Software, Internet Tools, Open Source, TUAW Labs

Screaming fast Mozilla browser Minefield gives a glimpse of Firefox's future

MinefieldI was really disappointed when Google released their Chrome web browser for Windows only. When it comes to browsers, I've tried them all. Right now I regularly switch between Firefox and the latest nightly build from Webkit (essentially Safari). Firefox has the extensibility I rely on, while Webkit has the performance I crave. I had hoped that Chrome would magically combine those two crucial traits and become my new go-to browser. Unfortunately, Chrome is not yet nearly as extensible as Firefox, and isn't available for Mac (yet).

So imagine my surprise when I stumbled upon the latest experimental Firefox build from Mozilla, called Minefield. This Minefield should not be confused with the unofficial optimized builds of Firefox that Brett wrote about, which are also referred to as Minefield. Minefield is Mozilla's code-name for this generation of Firefox, and the code name is used for unofficial builds to avoid infringing upon the Firefox name.

So, what's so special about the Mozilla Minefield build? It's fast... smokin' fast. This is essentially a version of Firefox with the new TraceMonkey JavaScript engine under the hood, and as Ars Technica reports, it tests even faster than Google's V8 JavaScript engine.

As most Mac users have noted, Firefox is kind of pokey on the Mac platform, particularly compared with WebKit or even Safari, and even when compared with Firefox on a similarly spec'd Windows machine. Version 3 of Firefox was supposed to fix the performance problem, and while it's somewhat better, it's still not great.

Well, Minefield is great. Using Gmail or even a complex content management system is a breath of fresh air. I feel like my web apps are finally keeping up with me.

There's one caveat, and it's a big one: though the current version number is 3.1b2pre (the "b" denoting beta status), this is really alpha software. That means there will be bugs, and you will experience problems. Surprisingly, though, Minefield has been very stable in my testing -- not yet crashing in a full day of testing. I have restarted it a couple of times due to suspicion that something strange was going on, but I can't say for sure if it was.

If you use it with your regular Firefox profile rather than creating a new one, Minefield will complain that most of your extensions are not compatible. Using Nightly Tester Tools, I re-enabled all of the extensions that it disabled, and every single one of them appears to be working normally, even the complicated ones like Better Gmail 2 and TabMixPlus.

I've only had a problem with one site so far, but unfortunately it's a big one: Google Docs. The page simply won't load. But for now, I'm willing to open WebKit or Camino to edit my Google Docs, because I'm just too smitten with the raw speed that Minefield offers.

One last note: being a nightly build, you will likely find that new versions are available, well, nightly. Mozilla makes the process of upgrading to the latest version virtually painless by using the built-in version monitoring process that Firefox uses.

[via Ubuntu Unleashed]

Filed under: Internet, Internet Tools

OmniWeb 5.8 released

The Omni Group has released version 5.8 of OmniWeb, its venerable browser software.

OmniWeb 5.8 is now based on the same version of Webkit as Safari 3.1.x. It also fixes bugs with Spaces, and adds support for non-POSIX file URLs. Users can also choose Google Chrome in the list of user-agent strings. Full release notes are also available.

OmniWeb 5.8 is available from Omni's website, and works with Mac OS X 10.4.8 or later. The software is $14.95, with upgrades starting at $4.95 for users of Omniweb 4.

Filed under: Internet, Internet Tools

Gears comes to Safari

Even though Google Chrome is still only available for Windows, its WebKit roots mean that Safari for Mac users might still get some extra perks. Gears, Google's web API that lets developers create applications that can run offline, is one of those perks. Previously, Gears was only available for Firefox on the Mac, and it certainly didn't feel like there was any priority in bringing Gears to Safari. Well, with Google's gung-ho dedication to all things WebKit, the Google Mac team has just released Gears for Safari.

Even better, for WebKit browsers on the Mac that are not Safari, Google has made it easy to implement Gears without having to use InputManager. Fluid, a site-specific browser (it basically makes it possible to treat a web app like a regular app), implements Gears this way.

Gears for Safari requires OS X 10.4.11 or 10.5.3 or higher. You can download it here. After you install Gears, check out Google Docs, Zoho or Remember The Milk offline. It's pretty awesome.

Filed under: Internet Tools, Developer

Chrome features are coming to WebKit

Although Google's Chrome browser is currently only available to Windows users (unless you are running an Intel-based Mac and VMWare Fusion or Parallels), its WebKit underpinnings mean that Safari, and other WebKit-based browsers, can benefit from Google's code.

One of the larger innovations of Google Chrome, the V8 JavaScript engine, is incredibly fast. The WebKit project has its own new JavaScript engine, SquirrelFish, used in Mobile Safari and the WebKit nightlies. Still, the code base for V8 along with the Skia graphics library are making their way into the main WebKit repository. The Skia graphics library may already be in some of the newest nightly builds.

What does this mean for Mac and Safari users? Superficially, it might mean very little for right now, however, the Safari team can choose to implement any of the Chrome features that have been added back to the repository. That's the beauty of open source.

Filed under: Internet Tools

Google creating its own browser based on WebKit


Google is developing a new web browser built from the ground up and based on WebKit, the same rendering engine that Safari uses.

The browser, called Chrome, is open-source software built with security, compatibility and speed in mind. Each tab in the browser will be its own separate running process. For example, if JavaScript hangs in one tab, the other tabs will remain unaffected. The approach is similar to the way Mac OS X isolates applications in their own private areas to prevent one crash from taking down the whole system.

Google picked an interesting way of announcing the project: They commissioned illustrator Scott McCloud to draw a 38-page comic book about the project, and distribute it under a Creative Commons license. The result is a very readable, fascinating way to learn about the new browser.

For web developers, Chrome will include strong Gears integration, and a JavaScript virtual machine that generates super-fast machine code out of JavaScript instructions. For end users, it will include a new start page that lists the last several pages and search terms you've used. It also includes a private browsing mode.

Google is planning on formally launching the project on Wednesday, but the Chrome website isn't visible to the public yet. Update: Google is releasing a version for Windows tomorrow, with Mac and Linux versions coming soon, once Chrome is "faster and more robust." (Thanks, Bryan!)

[Via Macworld]

Filed under: OS, WWDC, Internet Tools, Developer

Apple seeds developers with Safari 4.0

Apple has seeded developers with a copy of the new Safari 4, which adds some new features and is based on a newer version of WebKit. Apple is also rumored to be using the SquirrelFish JavaScript engine which allows for faster Javascript processing.

New to this version of Safari is the ability to save webpages as "Web Applications." This new feature allows Safari to save pages similar to the way Fluid does. You also have the ability to choose how new windows will open (i.e. with your favorite bookmark, blank page, etc.).

One of the biggest "features" is the fact that Safari 4 (along with the new version of WebKit) scored a perfect 100/100 on the Acid3 test. If you are inclined to see what the new version looks like, World of Apple has placed some screen grabs on their blog for your viewing pleasure.

Tip of the Day

F11 moves all your windows off the screen so you can quickly glance at your desktop. F10 shows you every open window in an application. F9 shows every open window for every application that isn't hidden or in the dock.


Follow us on Twitter!
 TUAW [Cafepress]

Featured Galleries

DNC Macs
Macworld 2008 Keynote
Macworld 2008 Build-up
Google Earth for iPhone
Podcaster
Storyist 2.0
AT&T Navigator Road Test
Bento for iPhone 1.0
Scrabble for iPhone
Tom Bihn Checkpoint Flyer Briefcase
Apple Vanity Plates
Apple booth Macworld 07
WorldVoice Radio
Quickoffice for iPhone 1.1.1
Daylite 3.9 Review
DiscPainter
Mariner Calc for iPhone
2009CupertinoBus
Crash Bandicoot Nitro Kart 3D
MLB.com At Bat 2009
Macworld Expo 2007 show floor

 

More Apple Analysis

AOL Radio TUAW on Stitcher