Archive for September, 2009

File Under: Software & Tools

Mozilla VP on Why Google Chrome Frame Is a Bad Idea

If you’ve been thinking Google’s recently unveiled Chrome Frame plug-in for Internet Explorer might be the answer to all the web’s IE pains, well, you might want to think twice.

Mozilla’s Vice President of Engineering Mike Shaver says Google’s Chrome plug-in for IE is a bad idea. In a post on his personal blog, Shaver expresses his belief that the Chrome plug-in for IE muddles the user’s understanding of browser security, and in the end will create more confusion and little benefit. Shaver argues that simply telling users to switch browsers is far better strategy.

The controversy surrounds Google’s recently announced open-source plug-in for IE called Google Chrome Frame. Chrome Frame can be used to automatically force IE to load a website using the same WebKit rendering engine as Google Chrome, complete with its enhanced JavaScript rendering and support for HTML5 technologies like Canvas and embedded audio and video.

On the surface it sounds like a great way to get offer Internet Explorer users a way to enjoy the modern web — the Chrome Frame plug-in makes HTML5 tools work and renders pages according to web standards. However, while Chrome Frame might look good to web developers tired of dealing with Internet Explorer’s wonky rendering and antiquated feature set, Shaver doesn’t believe Chrome Frame is the answer. Rather, he thinks the far better solution would be to convince users of IE 6 or IE 7 to simply upgrade to the Chrome browser itself.

According to Shaver, “running Chrome Frame within IE makes many of the browser application’s features non-functional, or less effective.” He points out that using Chrome Frame in IE partially disables the browser’s private browsing mode and other security controls.

In a follow-up e-mail with Webmonkey, Shaver says his concerns are not so much “surface attacks” that Microsoft lashed out against, but rather how users will react.

Part of the problem he believes lies with the decision to allow site developers to trigger the Chrome Frame, which means users never get to know which browser is actually in control.

Shaver thinks the confusion such a situation creates will adversely affect users, pointing out a number of possibly confusing scenarios:

Will they get anti-phishing indications that they understand?

Is the dialog telling them about a problem from their browser, from the injected rendering engine, or from a spoofing site?

If they permit a site to know their location, is that being sent by the same rules as when they answered that on another site, with a different-looking dialog?

Do they understand what browser they’re using when getting support?

Are they really in private browsing mode?

Are they mad at Microsoft or Google if it crashes?

He also points out that many people who are forced to use IE 6 do so because they have no control over what software they use — for example a corporate network where system admins control the software that’s installed. In that situation, it’s unlikely users would be able to install Chrome Frame anyway.

See Also:

File Under: Uncategorized

Cliqset Relaunches, Joins the Real-Time Streaming Club

The web service Cliqset launched a beta version of its new website Wednesday.

The service has undergone a significant makeover with this release, having transformed from a developer-centric platform to a user-centric app for following, posting to and interacting with real-time activity streams around the web.

The redesign puts Cliqset in the same camp as other real-time services like FriendFeed, Facebook and Plaxo Pulse. It also opens up a new set of tools to developers that should prove to be a huge help for anyone building real-time web apps.

The launch is still a private beta, but Cliqset has offered to let in 200 Webmonkey and Wired.com readers — just go to this URL. The first 200 people to register will be automatically approved. Everyone else will have to wait a couple of weeks.

If you have a Cliqset account from the last version of the site, that should also get you into the beta.

When we last wrote about Cliqset earlier this year, the company was putting the finishing touches on its application platform. It was busy recruiting developers to code up some apps for engaging all the photos, links, status updates and videos being posted on the social web. But without too many apps to show off, things were pretty quiet on Cliqset — it basically served as a glorified address book.

The site has changed direction since then, and for the better. The Cliqset team has built in an impressive top layer of user-facing features that show off the robust, real-time streaming platform underneath.

The timing is right, as the real-time social web is undergoing a period of explosive growth. Dozens of services are competing to be your social hub —- a place to aggregate and interact with the streams of data coming out of Twitter, Facebook, FriendFeed, Flickr and all the various nodes on your own social map.

Facebook in particular has taken a specific interest, beefing up its own real-time mojo by purchasing FriendFeed in August, and shortly thereafter releasing its code for serving real-time data.

It makes sense then that Cliqset has much in common with other social aggregation sites like FriendFeed. After you sign up, you tell Cliqset what your username is at all of the other social web services you’re into — Twitter, Flickr, YouTube, Tumblr and so on. Cliqset offers to pull content from around 70 social sites right now. It pulls all of your activities from those sites and posts them in a stream that refreshes as new stuff flows in. You can import your contacts to find other people you know on Cliqset. Once you do, you can see their updates appear in your stream, comment on each others posts and cross-post anything they share (to your own Twitter account, for example).

The new user interface is downright beautiful. You can tell Cliqset has really focused on making the stream as clean and uncluttered as possible. Extra functions and sharing buttons only appear when you hover over a shared item or click on one with your mouse.

A huge bonus is that Cliqset is using the emerging Activity Streams data specification to make all this happen. Activity Streams is an open-source XML-based format that uses a common actor-verb-asset model to report an activity on a social website. For example, “Amy shared a video” or “Mike rated this photo.” It’s a simple organizing principle that allows social web services to more easily talk to each other about what their users are doing.

But if not everyone is reporting their users’ activity data using a common model, it becomes harder to get two services to talk to each other. And only a handful of sites are supporting Activity Streams right now.

As Cliqset co-founder Darren Bounds tells Webmonkey, Cliqset is actually re-writing all the aggregated data streams into the Activity Streams format, physically cleaning up the social web’s mess as it goes.

By presenting such clean data, Cliqset is able to do some very cool things with its new user interface.

You can filter your stream by content type or activity using a set of icons at the top. So if you just want to see photos, status updates, or videos, you can click on the camera, the speech bubble or the movie camera. Likewise for bookmarks, likes, ratings. You can also build Boolean filters by including or excluding multiple content types.

Along with Wednesday’s new user-facing site, Cliqset is also releasing a set of APIs that expose these nicely-formed streams. So, if you’re a developer who wants to write a real-time updating web app, you can build it on Cliqset’s platform and avoid the headache of coding around various non-conforming stream formats.

And all that business about “finding your friends” — Cliqset is also supporting the open-source Portable Contacts format for importing and exporting address book data safely. When you check your Gmail contacts to see who else you know is on Cliqset, you’re not handing over your Google login or password. There’s still an annoying step where you’re asked to spam everyone you know and tell them about Cliqset — a truly poor practice everyone should just stop right now — but Cliqset leaves everyone unchecked by default and makes it easy enough to skip that part altogether.

Bounds says it was extremely important to him and his team that Cliqset implements and promotes open data stream and identity standards across the whole platform.

As such, the company is implementing OpenID and OAuth to handle logins and authentications, but something you won’t find as an option is Facebook Connect, which uses proprietary code.

It’s also notable that Cliqset is dumping its old iPhone app for a mobile client that better reflects the new real-time streaming experience. Bounds doesn’t have any details to share about those plans, but we’ll certainly be watching for something along those lines in the future.

See Also:

Yahoo’s Faster, Lighter YUI Tools Simplify Building Complex Websites

Yahoo has announced the official release of version 3 of its open-source Yahoo User Interface (YUI) library. The new framework is designed to simplify the process of building complex web interfaces.

With several popular JavaScript-heavy websites like Flickr, Yahoo Mail, MyYahoo and Yahoo Sports, Yahoo has long been at the web’s cutting edge for producing rich, interactive user interfaces. The company’s freely available YUI library has helped popularize various web interfaces we now take for granted, like drag-and-drop actions, tabbed interfaces and click-to-edit text fields.

YUI 3 represents a total, ground-up redesign of the framework and brings some much needed modernizations, including simplified syntax, JQuery-style selector support and a much lighter (6.2kb) “seed” file that makes for much faster page load times.

Developers first got a taste of YUI 3.0 over a year ago when Yahoo began offering a testing version of it, along with suggestions on migrating from YUI 2.0. Since then, Yahoo has vastly improved the library and launched it into the wild on the front door of Yahoo.com.

“The code we’re shipping today in 3.0 is the same code that drives the new Yahoo Home Page, and it goes out with confidence that it has been exercised vigorously and at scale,” writes Yahoo’s Eric Miraglia.

YUI 3.0 brings the framework up to par JQuery and other popular tools for building rich JavaScript interfaces, especially Yahoo’s decision to embrace selectors. While previously controversial since they involve some processing overhead, modern web browser have no trouble parsing selector libraries.

The nice side effect of selectors in YUI is that developers familiar with the JQuery or Prototype JavaScript libraries should be able to transition to YUI without too much trouble. That gives web developers yet another option when it comes to designing and creating rich web interfaces.

YUI 3 is a free download, you can grab a copy from the YUI blog.

Photo: Neil Crosby/Flickr

See Also:

File Under: Visual Design, Web Basics

Design Patterns Solve Common Problems for Web’s Color Blind Users

Every website owner wants to reach as large of an audience as possible. That’s why good web developers go to pains to ensure their sites are standards compliant, work across all browsers and provide solid accessibility for devices like screen readers.

Unfortunately, while those are all steps in the right direction, none of them address a quite large subset of problematic users — the color blind.

Color blindness affects between five and ten percent of the general population. Most color blind humans are male, and the most common form of color blindness makes it difficult for the person to distinguish between reds and greens.

We’ll admit that we hadn’t fully considered the impact of color blindness on website design until Andy Biao of Waxy.org pointed us to We Are Color Blind. The site hosts a collection of design patterns for making your website more accessible to people with common forms of color blindness.

If you’re thinking this is simply another thing you need to worry about when picking color palettes and page designs, relax. The patterns on We Are Color Blind, aren’t complicated and the site is full of very easy, subtle solutions.

For example, consider Apple’s iPhone availability chart — a simple list with store locations alongside red and green dots to show which stores have iPhones and which don’t. The problem is that if you don’t see color, distinguishing between the red and green dots is very difficult. The solution, however, is very simple and elegant — change the red dots to red squares. The basic design of the site, and the color scheme, is maintained, but the difference in shapes allows color blind users to easily get the same information.

Other potentially problematic designs include pie charts, heat maps and color pickers. But as is the case with the iPhone chart, there are easy solutions. For example, with charts, heat maps and other color maps, simply adding a tooltip when the mouse hovers over a selection helps eliminate the color dependency.

Our favorite part about We Are Color Blind is that not only does it make you aware of a problem you might have previously overlooked, but it has thoughtful solutions all ready to go. We wish there were more collections of common design patterns and solutions out there; if you know of others be sure to let us know.

Note: The image at the top is a plate from the famous test developed by Shinobu Ishihara. Individuals will normal vision will see the number 74. Color blind individuals will see different numbers or no numbers at all depending on what type of color blindness they have. Learn more at Archimedes-lab.org and Wikipedia.

See Also:

File Under: Software & Tools

Where’d You Go Last Summer? Flickr Allows OpenStreetMap, FourSquare Geotags


Flickr is now giving its users two new ways to add place information to their photos.

The photo sharing service can now recognize location-specific tags from both OpenStreetMap, a wiki-like mapping service that lets anyone create and edit maps, and FourSquare, the popular social game, currently burning up on Twitter, that lets you broadcast your location to friends.

While the new OpenStreetMap support in Flickr is not for everyone — something Flickr wryly acknowledges in a blog post titled “That’s maybe a bit too dorky, even for us” — the nice part is that, even if only a small subset of users ever take advantage of the new features, everyone benefits.

For example, you don’t need to know anything about OpenStreetMap or FourSquare to appreciate that a photo came from Fenway Park. That level of place data is far more useful than simply seeing a pin stuck on a map of Boston, which is all you get with Flickr’s own mapping tools.

To get the more meaningful details — like the names of buildings — Flickr has turned to both OpenStreetMap and FourSquare. The FourSquare support is nice, but since the service is newer and its coverage more limited, the real power of Flickr’s new abilities lie with the OpenStreetMap support.

OpenStreetMap is often called the Wikipedia of mapping services. It allows anyone to create, edit and annotate maps, adding their own knowledge of neighborhoods and building to generic map data like cities and streets. There has been a surge of interest in the service lately. Now that Flickr has embraced OpenStreetMap, we expect its popularity to continue growing as more curious users discover the ability to map and annotate their own little corners of the world.

For example, you could add all the buildings on your street, identifying each by what OpenStreetMap calls a node — a point in space defined by a latlong, a set of geocoordinates defined by a latitude and a longitude. A collection of nodes becomes a street, a hiking trail or even just your personal route to work. OpenStreetMap calls these collections a “way.”

What Flickr has done is make it possible to easily link your photos to an OpenStreetMap “way” using Flickr’s machine tag syntax. The actual tag looks something like this: OpenStreetMap:way=XXXXXXX, where the Xs are replaced by the OpenStreetMap way number.

The tag itself is of little value to humans — that’s why its called a machine tag. But behind the scenes, Flickr turns that tag into a much more human-friendly description like “the Wired office is a building in OpenStreetMap,” and then links to its location in OpenStreetMap.

If that sounds a bit too nerdy for you, Flickr also now supports tagging your photos with FourSquare venue IDs. For example adding foursquare:venue=11784 will let Flickr know that your photo comes from Fenway Park, as shown in the screenshot above. FourSquare is increasingly popular, but it still only covers a limited number of cities. However, depending on how Twitter handles its coming geolocation support, it’s possible Flickr will one day add similar support for Twitter locations, should Twitter follow in FourSquare’s footsteps.

Flickr’s OpenStreetMap features are great example of taking the complexity of geodata and distilling it down to something genuinely helpful, like a familiar place name or neighborhood landmark. We’re looking forward to seeing what users can do with them.

See Also:

File Under: Software & Tools

Google Invites Everyone to Catch Its Real-Time Wave

Google Wave is opening up to the general public for the first time Tuesday, the company has announced.

Just over 100,000 invitations are being sent out to users who had previously requested access to the web-based real-time communications service on a first-come, first-served basis. Wave invites should be arriving in e-mail inboxes throughout Tuesday night and Wednesday day.

Google Wave is a web-based application that marries multiple forms of communication, including chat, mail and wikis, into a unified interface that runs in one browser window. Everything inside Wave happens in real time: You can even see a comment being made as the person is typing it, character by character.

Wave was soft-launched in May with a public demo at Google’s I/O developer conference in San Francisco. Access was given only to early testers and developers at the time, however (We were lucky enough to be invited to give it a spin).

Wave solves a unique problem for web users as we deal with the proliferation of web-based collaboration tools and real-time communications services. On one side, you have cloud-based document sharing, photo sharing, wikis and other tools for collaboration. Then there are services built for real-time communication — chat is an obvious one, but other services like Twitter, Facebook and FriendFeed (which Facebook purchased in August before releasing its code) also aim to make real-time sharing a bigger part of our online experience.

Efforts are ongoing to tie them all together, including the emerging Activity Streams data specification, which makes it easier for multiple real-time services to tell each other what users are posting or commenting on.

But each of these services and tools fills its own niche, and, for now at least, each occupies its own browser tab or, in Facebook’s case, its own section within a website. Wave is one of the only services trying to bring them all together into a unified interface.

“The observation that our communication lines are very fragmented — we’re certainly not the first ones to bring that up,” Wave engineering manager Lars Rasmussen tells Webmonkey.

And it’s also not a problem Rasmussen thinks his team can totally solve. However, he’s confident they will come close enough to make a huge impact on the emerging real-time web.

“Can you invent a single tool that has all the functionality of all the other tools? Maybe not. But in a year from now, we’ll have quite a lot of users who are in love with Wave even if it doesn’t completely handle everything they need for their communications.”

Tuesday’s release is not a general launch. Google is still pushing Wave out gently, so even though well over a million people have asked for access, Google is only honoring a fraction of the requests.

“We tried to invite a mix of people in enterprise, startups and schools,” Rasmussen says. He also says a very small number of paying Google Apps customers will be given access, and anyone involved in the developer tests over the summer will get to keep their access. The Wave team is based in Australia (the reason the launch is happening overnight in North America), and they made sure to give a higher priority to a few Aussie companies for now so they could collect some on-site, hands-on feedback.

Wave isn’t due for a real public launch until 2010. It’s still quite buggy, so Tuesday’s release is more akin to alpha or early beta software than a fully functional service.

“We wanted to give access only to people who have a high level of interest in dealing with preview-quality software,” Rasmussen says.

The team hasn’t been busy adding features. Rather, they feel the core functionality of Wave — the ability to replace things like long mail threads and online document sharing with real-time collaboration, sort of a “chat within e-mail” experience — holds enough value that they’ve simply been concentrating on improving the baseline performance.

“Latency is an obsession of ours,” says Rasmussen.

Some limitations within the browser are keeping Wave from running as quickly as he wants. When a Wave becomes long, for example, it can take awhile to open it. The team is working on a pre-loading system where you don’t have to load the whole Wave to start reading it or adding to it, just the first couple of pages. Then as you scroll, it keeps loading, speeding things up.

Another hang-up, one typical of young web applications, is that Wave slows down after you’ve used it for a few hours. This is due to memory leaks, and refreshing the browser page or restarting the browser solves it. But plugging those holes so browser refreshes aren’t necessary is the obvious goal.

There are two nice improvements in Tuesday’s launch.

First is that Wave is now tied to your regular Google account. Anyone who’s been involved in the sandboxed testing phase over the last few months has had to log in using a test account set up by Google. This account was kept isolated from your regular Google account, so you couldn’t use Wave to collaborate with any of your regular contacts. You could use Wave, but it was a little lonely.

Starting Tuesday, anyone with Wave access can now log in using their regular Google account. You’ll be able to communicate with any of your regular Google contacts who also have Wave access. You’ll also be given eight invitations each to hand out (Google’s calling them “nominations”). Anyone you invite gets put into the request queue.

The second improvement is a new system for installing add-ons. Developers have been busy building widgets that show off the real-time collaboration platform’s powers. Along with making those more accessible, Google has made installing them a simpler, two-click process.

Users will find a Sudoku game where you race against other people to fill in columns and rows in real-time, as well as a trip planner gadget developed by Lonely Planet.

Anyone running Firefox, Safari or Google Chrome will have few problems running Wave. Internet Explorer users who feel things to be a little janky or sluggish should try installing Google’s Chrome Frame extension for Microsoft’s browser.

See Also:

File Under: Software & Tools

Troubleshooting Firefox Gets Easier With New ‘About:Support’ Page

Mozilla has added a feature to the coming Firefox 3.6 that will make it a bit easier to figure our why your friend’s web browser isn’t working. A new –about:support — configuration page in Firefox 3.6 is designed to make debugging and solving Firefox problems a little bit easier.

Firefox 3.6 (code named Namoroka) is still currently an alpha release and not stable enough to recommend for everyday use, but the Mozilla roadmap calls for the final version to arrive some time in November. When it does, the new about:support windows will make it dead simple to look up all the pertinent information about the current Firefox installation, including a list off all installed extensions, any user-modified preference setting, links to installed plugins and other configuration details.

The best part for those of us charged with trouble-shooting PCs for friends and family is that all the information inside the new about:support window can be copied by pressing a single (large) button. Your beleaguered, less-than-PC-savvy friends can paste the results in a chat window or e-mail and send you a wealth of information without you needing to spend hours explaining what extensions are and where to find them.

The new about:support window will be a boon to those trying to manage Firefox — and we don’t just mean you helping grandma when you’re home for Thanksgiving.

If you’ve ever wondered why much of the corporate IT world has stuck with IE 6, the answer is that IE 6, for all its other faults is much easier to manage when it comes to installing and updating thousands of workstations. There are some open source tools designed to help IT pros deploy and manage Firefox (notably Firefox ADM), but Mozilla has never shown much interest in making Firefox more enterprise-friendly.

While the new about:support window is a far cry from everything IT managers would from Firefox, it is a welcome (if tiny) step in the right direction.

Eventually, Mozilla would like to add self-diagnostic and repair tools to the about:support page, but such tools won’t arrive until after Firefox 3.6.

Firefox 3.6 is still an alpha release, so some aspects of the about:support window are still up in the air — particularly whether or not the profile folder location should be revealed. The Firefox profile folder is obscure and randomly named precisely to make it hard to find. Doing so prevents attackers from easily accessing it. Exposing that information in about:support could possibly make Firefox more vulnerable to attack, thus Mozilla does not seem to have made a final decision about including it.

Mozilla is hoping to get Firefox 3.6 out a bit more quickly than its last release, Firefox 3.5, which was delayed several times before it finally arrived in June 2009. Look for Firefox 3.6 beta 1 to arrive any day and, if all goes well, the final release should be here by the end of 2009.

See Also:

File Under: Software & Tools

Google Maps’ New ‘Place Pages’ Break Usefulness of Local Search

Google Maps has a new trick up its sleeve — a web page for every place on Earth.

The new “Place Pages,” as Google is calling them, are individual web pages designed to give you all the information Google has about a particular place, including geotagged photos and videos, user reviews, popular places and related searches.

Unfortunately, there’s a huge downside to the new Place Pages: They ruin your ability to quickly and easily compare Google Maps search results.

In a blog entry posted Thursday, Google claims it eventually wants to have a web page for every place in the world — businesses, points of interest, transit stations, neighborhoods, landmarks and cities. The new pages are useful if you’re searching for more than just an address, and in fact they make Google Map searches more like browsing a travel guide using than a search tool.

The problem is that Google Maps has changed the behavior of the “more info” links in search results. Previously, a “more info” link would open a bubble on the map with more details about that location or business. Clicking the next “more info” link in your results would re-center the map on the next result, and so on down the list. It was a quick and easy way to, for example, compare customer reviews for multiple locations.However, the new Place Pages have usurped the more info link. Now, if you click “more info,” you leave the search results page behind. The new behavior works well for destinations, but not so well if you’re trying to compare results since you need to keep hitting the back button to get back to the list of results.

On the plus side, unlike Google Maps URLs, which tend to be a long tangle of characters, Place Pages get nice, human-readable URLs. For example: google.com/places/us/california.

Google has also made Place Pages user-editable, so if you think Google is misrepresenting your hometown, you can correct it. And, if there’s no Place Page for your favorite place, you can always add it.

While Place Pages are actually quite useful and in many ways better than the old bubbles on the map, losing the “more info” link was a bad decision, hopefully one Google will correct in the future.

See Also:

Turn Your Vector Art Into Canvas-based Animations With Opacity

The latest version of Opacity, a vector graphics editor for Mac OS X, is able to export animations to code that can be pasted into web pages and played back in any browser that supports HTML5.

We’ve written quite a bit about HTML5 and the power of its proposed <canvas> tag. While the spec isn’t quite finished, the Canvas element in HTML5 promises to eventually give web developers a way to display complex 3-D graphic animations in the browser without plug-ins. Right now, the dominant technologies for doing so are proprietary players like Flash and Silverlight.

There is, however, a trade-off. Canvas-based animations must be written in pure code, and most easy-to-use graphics creation applications like Adobe Flash can’t export the browser-ready animation code, which is complex. Such a limitation is going to put off some of the most talented graphic designers and animators, many of whom are not trained programmers.

That’s why we were excited to hear that Opacity’s new capability to save animated vector shapes and their paths as browser-native code.

Opacity is a bit like Adobe Illustrator, but considerably simpler and easier to use. And with its new export feature, Opacity has a clear leg up on Illustrator when it comes to supporting the next generation of web graphics.

To use the new source code feature in Opacity, simply design your vector-based graphic or animation sequence and, once you’re happy with it, head to the Inspector menu where you can use what Opacity refers to as “Factories” to export your image in various formats. To get Canvas-based source code, chose Source Code for the format and Canvas (JavaScript) as the language.

The resulting JavaScript code looks almost exactly like the examples we’ve shown you in the past (if you don’t own a license for Opacity, which costs between $40 and $90, your image will be watermarked).

We should note that there are other tools around that can do similar things with just an image file — such as Alistair MacDonald’s Burst engine, which can take SVG animations and convert them to JavaScript objects that are rendered inside of a <canvas> tag.

Opacity is a Mac OS X application and costs $90 — not cheap, but cheaper than than Adobe Illustrator. There’s also a lighter version known as Opacity Express, which still has the code export option, but lacks some other features and retails for $40.

See Also:

New Firefox Demos Show Off WebGL’s Powerful 3-D Potential

If you’d like to see what the next generation of 3-D web graphics might look like, Mozilla has a few examples ready for you to feast your eyes on.

Mozilla’s WebGL project gives web developers a way to connect the HTML5 Canvas element, which can be used to display complex graphics in the browser without plug-ins like Flash, to your operating system’s native, hardware-accelerated graphics engine in this case, OpenGL.

While these capabilities point to a bright future for HTML5 and its promise of delivering animated, rich-media web experiences without plug-ins, Mozilla’s WebGL rendering tools aren’t ready for prime time. At the moment, WebGL support is limited to Firefox nightly builds, beginning with the September 18 build. To see any of these demos in action you’ll need to grab a nightly build.

The first WebGL example comes from Christopher Blizzard, an Open Source Evangelist at Mozilla. Blizzard exported a Spore creature, and used WebGL’s API to render it as a 3-D model that you can rotate around, viewing it from different angles.

Blizzard also has some links to three other demos showing off some 3-D effect in WebGL. The most hypnotic is the rotating charcoal drawing showing the Escher-Droste effect (infinite zooming the always reveals the same scene).

If you don’t want to install an experimental browser build just to see some cool visuals, here’s a short video. This is a basic capture of the Escher-Droste animation playing in browser window — no plug-ins, no special dressing:

Although testing all three demos at once did spin up the fan on my MacBook Pro, the CPU load for Minefield (Firefox’s nickname for nightly builds) never got above 50 percent, which is very impressive for graphics this complex.

The ability to display complex 3-D graphics without seizing up your PC bodes well for a whole new crop of online games. But the new WebGL support in the Firefox nightly builds is very much in the alpha testing stage. In other words, don’t look for your favorite online games to rush to adopt WebGL tomorrow.

However, as developers start to experiment with the new tools we’ll likely get a sneak peek at how HTML5 can push the boundaries of what’s possible on the web for 3-D animations interfaces without using Flash, Silverlight or any other plug-ins.

See Also: