Chrome Experiments is a cool new website rolled out by Google to promote its browser Chrome (which is out with version 2.0 beta, by the way) and to demonstrate the power and fun that can be had with the awesomeness of JavaScript and the browser chrome.
Emphasis on the small letter c. See how the site is named Chrome and not Google Chrome (although they effectively became synonymous because it’s Google)? This means most of the neat tricks can be accomplished on other modern browsers too. That is, after all, the idea of “moving to the cloud”—your web product must work in every browser and any other device possible. Of course, the idea is to promote Chrome and not really every other browser and device out there, but Google gets that that’s not the only goal. The experiments are best experienced while using Chrome and not the other browsers.
A short update on other browsers
Speaking of other browsers, let’s take a look at what they’ve been up to lately:
Now let’s go back to Chrome. Seems to me that this Chrome Experiments campaign is the most engaging one of its kind to come out in a long while. From real-time information visualization to graphics and sound rendering to games (both the classics and ones with a browser-based twist), these demos are just a delight to try out. See the compilation video below:
A short rant on other browser campaigns (yes, IE6)
Now, a note on “browser campaigns”. it’s like every other day I see a new site, piece of code, or banner that screams death to IE6! exclamation point! That’s it. Hardly any effort to get Microsoft and other companies to listen, it’s just screaming. I feel like IE6 is now an ace up one’s marketing sleeve, and no longer a real headache that web designers have to deal with everyday. Chrome Experiments makes more sense right now.
What Chrome’s made of
All the browsers claim they’ve got the fastest JavaScript engine of all, and maybe Chrome wants to put its money where its mouth is. It needs to; Google probably expected a better adoption rate for its browser because it’s Google, but it hasn’t happened (yet?). And while it’s nothing close to Spread Firefox or Mozilla Labs, it’s still a solid effort.
We do practically everything on a web browser these days. That’s how Google built itself from the ground. That’s why they rethought how browsers were made and came out with Chrome. Time to show what it’s really made of.
Eric Meyer has started poring over the WaSP community’s suggestions for CSS3 with a series of posts on his weblog—3 so far in less than a week. The original feedback compiled by Fantasai is a monstrous read in itself, but all these are worth perusing if you care remotely about the future of web design.
It’s comforting to have one of the gurus like him to really go over this. Although he didn’t promise to address every single point on the list, what I’m seeing so far is extremely comprehensive. More importantly, we have a strong figurehead that’s rolling up his sleeves and setting up these blog posts as the stage for discussion with people who are not necessarily involved with the W3C and other stakeholders like the browser vendors.
Between debating over specific CSS features (e.g., containing floats, center positioning, selector blocks) and looking at the bigger picture…
Maybe CSS isn’t the place for this. Maybe there needs to be a new layout language that can be defined and implemented without regard to the constraints of the existing CSS syntax rules, without worrying about backwards compatibility. Maybe that way we can not only get strong layout but also arbitrary shapes, thus leaving behind the rectangular prison that’s defined the web for almost two decades.
I don’t have a concrete idea to propose here, because it’s not up to us any more. A solution was worked out over the course of several years and then found wanting by the implementors. Really, it’s up to the implementors to figure it out now. I personally would like to just lock the browser teams from Microsoft, Mozilla, Opera, and Apple in a room and not let them out until they’ve defined something that works and they’ve all agreed to implement soonest. I might even supply food and water.
…we have to keep talking and stay restless but hopeful. We may not be able to give the final word on the next version of HTML and CSS and the web browsers, but we can talk about what could go into them while the W3C listens.
IE6 is declining. HTML5 is gaining traction. JavaScript libraries and CSS frameworks abstract the process of squashing browser bugs and incompatibilities. And progressive enhancement reassures us that we don’t have to serve up exactly the same features in ancient browsers.
And maybe we can stop acting like the current technologies are our handicap and take the plunge. Okay, maybe splashing water all over might not be a good idea at once. Try dipping your toes. Try your left leg. Try wading. The key is to at least try.
Take an ordinary blog post, highlight a passage you want to comment on, and have it appear on the comment form without having to scroll all the way down. Or mouseover a comment, then show replies to it as well as all other comments made by that person. That’s all in the spirit of Encouraged Commentary, which is a jQuery-powered script by Jim Jeffers.
Now this, I would say, is what JavaScript was meant to do. Not that fading, zooming, and sliding around are pointless applications of JavaScript. Impressing people is a lot less important compared to making them feel welcome, and that they’re a part of something. In this case, taking part is by quoting text or keeping track of conversations more easily.
Of course, what Jim did may seem more subtle an achievement than what designers and developers try to come up with, or what the ordinary blog visitor would appreciate.
But it’s one more contribution to that great experience. I’ve talked about Issuu last time, so this counts as number two. To that “wow, I had a pleasant time commenting on your blog today, Jim, you’ve made it so easy!” kind of feeling.
I hope that I encounter more examples of this—not just in commentary, but for every other aspect of a website.
Some chunks of good browser-related news at the turn of the new year: Firefox browser usage is more than 20% now, while Internet Explorer, especially IE6, is declining—forcibly and otherwise!
Firefox market shares are rise, IE shares decline
Browser market share from October to December 2008
For the first time ever, Net Applications is reporting that Mozilla Firefox market shares passed 20% while Microsoft Internet Explorer dropped below 70%. Four major factors are said to explain Firefox growth, from the US elections to longer weekends/holidays, and higher unemployment—all US-centric factors.
Browser version market share December 2008
Here’s a chart by browser version. IE7 remains the dominant browser in the market, while IE6 is still at number 2, having almost the same percentage as all Firefox versions combined. But it has declined from the 21-22% range in the last quarter of 2008.
Google Chrome barely leaves a dent at 1%, but surpasses Opera at 0.7%.
Google urges IE6 users to upgrade
Get faster Gmail notice in IE6 (image courtesy of Ars Technica)
According to TG Daily, Google’s Gmail is now sporting a message specifically for IE6 users to upgrade and “get faster Gmail”.
The link leads to a page that promotes Chrome and Firefox 3. “Browsers are getting faster and better at running web applications like Google Mail that use browser technology to its limits,” the page reads. “In order to get the best experience possible and make Google Mail run an average of twice as fast, we suggest that you upgrade your browser to one of the fastest Google Mail supported browsers that work on Windows.” The page offers direct download links for Firefox 3 and Chrome. IE7 and Apple’s Safari are listed as supported Gmail browsers.
Several modern browsers are listed in the linked page, and unfortunately Opera is no longer qualified on that list. At least Google is trying to be fair by mentioning competitors to its own browser, Chrome. More importantly, at least it realizes that the browser share for such an old and run-down browser are alarmingly high. Looks like it’s getting costly to maintain backwards compatibility for JavaScript-intensive web applications like Gmail.
This is not the first time that a large company is forcing its hand. Apple’s MobileMe recommends only 2 browsers: Safari, which it owns, and Firefox.
There is hope!
With the combination of natural factors and some nudging from the big, influential companies like Google and Apple, the obsolete browser that is IE6 might just retire sooner than we expect, sooner than never.
Between Apple computers gaining popularity and Google remaining just as powerful, their influence on which becomes the default browser in controlled environments will be needed to level the playing field, ultimately pushing the capabilities of web browsers forward.
Philipp Lensen of Google Blogoscope shares a comic about Google’s open source web browser called Chrome. TechCrunch has posted leaked screenshots too. I suggest you read all those links as they explain very nicely the many, many features Google Chrome has, then try it out for yourself.
With all the revolutionary new features planned for this web browser, do the rest of the factions of the more-than-a-decade-long Browser Wars stand a chance? Let me run through several points that may or may not convince you that the ‘Wars are over:
Reworking web browser concepts
“Chrome”. Google Chrome is so named because the developers wanted to weed out all the unnecessary interface elements that get in the way of an optimal user experience. Google is pretty good at this—see Gmail.
Omnibox. I’ve complained about this before. We have too many blank bars in our browsers, why not stick to just one? Combining the ambitiousness of Firefox 3′s “AwesomeBar”, search keyword shortcuts, and Google’s mighty search engine, users might not need any other button in the toolbar.
Independent tabs and sandboxing. Chrome runs tabs as separate processes to isolate any unruly behavior, whether it’s a memory leak or malicious code.
Using Google’s assets
Webpage testing. Google will use its large—an understatement—collection of crawled websites to test if their browser is working properly on them. It will prioritize by popularity to be efficient in testing the millions, billions, and trillions of pages, of course.
Search and anti-phishing. I’ve mentioned the Omnibox. Google will incorporate its search into the singular browser bar to make finding websites a breeze. (I think AwesomeBar sounds better though.) And since Google is a pretty good keeper of blacklisted sites, Chrome also detects when a website is potentially harmful.
Google Gears. Another obvious move. Google Gears was created to make web browsing more responsive and efficient by linking together the online and offline, so it’s mandatory for Chrome to incorporate this feature.
Inspired by the best of other worlds
WebKit. WebKit is possibly the fastest and smartest browser rendering engine out there. It powers Safari and several Mac OS X applications, as well as Google Android and now Google Chrome.
Privacy Mode. Microsoft is set to introduce a history-free, cookie-free browsing feature in Internet Explorer 8 called InPrivate (though everyone else calls it “porn mode”). Now Google follows suit with “incognito browsing”.
Better JavaScript performance. Mozilla recently announced it was able to dramatically improve JavaScript loading by up to 37.5 times, a feature coming to Firefox 3.1. (Another comparable feature to Firefox is the previously-mentioned Omnibox.)
Speed Dial. Opera has sported this feature since version 9.2.
On to the questions…
Why? My answer? Because they can. Google’s answer? Watch it here. Google is the epitome of a Web 2.0 company, having revolutionized search, then e-mail, then every other activity that can be done online. It rehashed old elements of the Internet, and doing so on a browser feels like a natural extension of their work.
Does Google Chrome comply with Web Standards? Since Chrome is going to run on WebKit, can we trust that we won’t have to debug for yet another browser? Unfortunately, it failed the ACID3 test (which, on the other hand, Safari passed in version 3.2.1).
Will Google end its “search bar relationship” with Firefox and other browsers? Now that Google has its own browser, does it still need to push for the search bar feature in browsers like Firefox, IE, and Safari? Probably not. But most users will still use Google—the search engine—one way or the other. And if you’ve watched the video linked above, Sergey Brin says the general goal is to get people to use “alternative” browsers such as Firefox. (Of course, assuming that Firefox and Chrome remain minor players in the game.)
Is this a milestone in web browser history? Put another way, is this the best thing since tabbed browsing? I can’t really answer a resounding yes. Web browsers must pay attention to detail and reduce bloat—it’s a difficult balance. Google Chrome is a lean browser that contains only a few notable features. We’ll have to wait for a few more releases to see where they’re going with this.
Do you trust Google to browse in its browser? Between a proof-of-concept security flaw discovered hours after the browser’s release and a questionable (but recently modified) license agreement, are you confident in using yet another Google product? This is perhaps the biggest question of all.
In an interesting development regarding web standards and the browser wars, Ars Technica reports that Mozilla is taking Internet Explorer’s problematic webpage rendering into its own hands starting with a plugin for HTML5′s canvas element.
IE’s shortcomings won’t hold back the Internet for much longer, however, because Mozilla plans to drag IE into the next generation of open web technologies without Microsoft’s help. One of the first steps towards achieving this goal is a new experimental plugin that adapts Mozilla’s implementation of the HTML5 Canvas element so that it can be used in Internet Explorer.
Vladimir Vukićević says it’s “a very direct way of getting 2D (and soon 3D) graphics into web pages, and removes many of the barriers between developers and graphics rendering.” Here’s a screenshot of how it works:
HTML5 Canvas on IE, by Vladimir Vukićević
Mozilla doesn’t stop there, though. It plans bring its “next-generation JavaScript engine directly into Microsoft’s web browser” through a project called ScreamingMonkey. The plugin strategy will also be employed here.
Mixed reactions
Reactions from the crowd range from amusement to confusion to outrage. On the one hand, this move from the makers of the record-making Firefox browser is commendable. It shows that in the midst of IE’s dominating market share and FF’s sheer drive to beat it, Mozilla still wants the Web to work, one way or the other. Even if it means having to “drag IE” itself. Indeed:
Is it a sad or happy day for Microsoft, when their competitors get bored with beating them, and instead try to improve the Microsoft products to make them competitive – for free?
And what does Microsoft have to say about this? Isn’t this an insult wrapped inside a well-meaning gesture since it is coming from a competitor? Anything that gets Microsoft’s attention to hurry things up in the web standards compliance department is okay by me.
Try Adobe
But it’s not just about the browser vendors but the users themselves. How many of them will take the time to install this not-so-popular plugin? Do they care enough to see the advantages? Ars Technica thus wonders if Adobe could have been the better messenger, since Flash is ultimately indispensable these days:
This is purely speculation, but If Adobe decided to ship Screaming Monkey and the Canvas functionality as part of the next major iteration of the Flash plugin, it would rapidly accelerate adoption and get it onto lots of computers.
Cross-browser nirvana? Not quite
News of this plugin suggests that it’s taking a so much effort to make IE play nice that even competing browsers have to step in. And we’re only talking about the HTML5 canvas element here, a far less common feature, or should we say issue, than things like the double-margin bug or pixel font sizes.
The Opera Web Standards Curriculum is a comprehensive online course that teaches you standards-based web design. This includes not only coding in the web’s foundational languages, HTML, CSS, Javascript, but also design theory.
One of the authors, Chris Heilmann, describes it as “probably the most thorough and up-to-date web standards curriculum on the web”. He writes:
During the whole course the main focus is on usability, accessibility and writing maintainable code. We deliberately left out browser hacks and backward facing solutions and build on the ideas of progressive enhancement and unobtrusive JavaScript.
I must also point out that WSC is part of Opera Education, an initiative that pushes for web standards awareness and enthusiasm for the internet industry, specifically in schools and universities. I think it’s important for these two parties—browser software makers and educational institutions—to work together rather than apart in developing the Web. In this regard, Molly Holzschlag believes the course is an A+:
The impressive aspect of the curriculum as it is now is that it’s comprehensive, including foundational topics such as Internet and Web history and evolution. Educators understand that history provides context for real learning. Sadly, this is an area often not available in books and online tutorials because readers typically want to dive right in and learn a given technique.
It’s difficult to find a course that focuses solely on creating things through the internet. It’s almost always integrated with either graphic design (see MTV Engine Room) or computer science. Because of this, there is no focus on employing the best practices in creating beautiful, functional websites. And it will continue to be that way—all the way into the workplace—without those two entities joining forces.
This is why I continue to admire Opera. (Mozilla does, too.) It pushes projects that are interesting and beneficial to the web community. Here’s another example: Opera Dragonfly. Firefox’s FireBug wasn’t created by Mozilla (although Safari’s Debugger is a native feature).
And unlike other browser vendors out there, Opera shows it cares about web standards not by saying but by doing.
I wrote in last week’s Friday Focus post at Devlounge that “restraint is more powerful than the lack of it, especially in design”. The restraint I referred to was the strength and beauty of minimalism compared to the everything-but-the-kitchen-sink technique, but there’s more to it.
Freedom vs. constraint
In this interview with Andy Budd, he explains why complete freedom in design is not necessarily a good thing:
I think that design is all about constraints. Some people love the blank canvas situation, but I don’t at all. I think that’s really for artists, not designers. I think design is all about constraints — business constraints, technology constraints. And it’s those constraints that actually create the innovation.
He says that although Flash is a very flexible tool, limitations tend to be more desirable than flexibility when it comes to design because they breed cool new things. In the case of web design, he cites CSS effects and JavaScript libraries as examples.
Total control
I think this validates whatever reluctance I have to choose Flash over plain old HTML and CSS. And I can relate to that awful feeling when starting a design that a client gave you total control over. One-hundred percent control is never a good thing. You end up doing things you weren’t paid to do and designing things that aren’t completely your best work.
I also think it’s very rude of a client to leave it up to you at the beginning only to scold you for not doing “what they wanted” in the end.
More questions
More than constraint, design goes hand-in-hand with purpose. Levels of purpose vary with every design, but there is still purpose. Is it purpose that distinguishes it from art? Can design actually be distinguished, or should it always be invisible? Is design art?
Going there would be a slippery slope downhill. But designers should try to figure out what design is about even if it begs more questions than answers.
*/
