It’s a disappointing day when you find a single serving site that generates the comprehensive syntax for the border-radius property, aptly named border-radius.com. Because not all browsers (and browser versions) support the latest and greatest things CSS3 can do, one has to resort to browser targeting yet again. Only this time, one browser’s syntax is different from another browser’s, and becomes a chore to write CSS for each.
There’s a pretty obvious explanation for the existence of browser-specific properties from SitePoint:
Vendors—browser makers—are free to implement extensions to the CSS specifications that, in most cases, are proprietary to their browser. They may do this for a number of reasons, such as adding new features for users, or for experiments and debugging. Most often, though, the extensions are used to release and test browser features that have been developed in the preparation of W3C drafts that have not yet reached Candidate Recommendation status—the extensions allow these new properties to be widely tested before they become available as standard CSS properties.
So for starters, the browser-specific CSS has prefixes like:
-moz: Gecko-based browsers like Firefox-webkit: WebKit-based browsers like Safari and Chrome-ms: Internet Explorer-o: Opera-khtml: Konqueror
(The complete table is listed at the W3C.) That’s fine, but what I don’t get is why the syntax following the prefix isn’t always the same as the standard CSS syntax. The border-radius property is just one example, which is peanuts compared to the gradients syntax. Compare:
-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(0,10,148)),
color-stop(1, rgb(45,58,246))
)
-moz-linear-gradient(
center bottom,
rgb(0,10,148) 0%,
rgb(45,58,246) 100%
)
Sure, we can turn to generators like WestCiv’s and Damien Galarza’s—and we’ll probably be increasingly dependent on them in the future as CSS capabilities and their corresponding syntaxes grow more complex. But why must browser vendors insist on that when it only multiplies the code and maintenance necessary? Does it have to do with the way their engines parse the code, or something less significant?
First the iPad, and now a debate on the relevance of Flash. Apple continues to ignore it and touts HTML5 as the future. Google is also pushing HTML5 on YouTube, with other video sites starting to follow suit. Even Mozilla is disabling it in its new mobile browser, Maemo. Clearly, the death knell for Adobe’s most controversial product is getting louder than ever.
But it’s still all talk, all noise. How about some real action? Thankfully, over at Binary Bonsai, Michael Heilemann has taken it upon himself to drop Flash for the whole month of February as a response to this tweeted challenge:
All those who think no flash on ipad is A-OK please uninstall flash from your current browser, use that for a month then get back to me.
Installing a Flash blocker isn’t really a groundbreaking exercise and is tamer than uninstalling Flash completely, but now is the best time to figure out how dependent we are on it.
So can you survive sans Flash? I won’t go out of my way to defend it nor suffer from withdrawal without it, but the status of HTML5 video alone seems troubling enough.
More importantly, most discussions cover only the question of replacing Flash video, not other applications like games. That would be an even tougher nut to crack, even with the dawn of purely Javascript-based games.
And by jQuery-esque I mean easy! The premise of Jetpack, Mozilla Labs’s latest creation, is that anybody who knows HTML, CSS and JavaScript can create Firefox add-ons.
It takes 80 lines of code to block ads on websites as shown in the demo above, and 14 lines to edit images from within Firefox. Granted, it just sends the data to Pixlr which does all the hard work, but lowering the obstacles to develop some fairly nifty scripts is a commendable effort, just as what jQuery did with JavaScript, Sass with CSS, and HAML with HTML. It’s made even more compelling with Bespin, Mozilla’s HTML5-powered web-based code editor.
Perhaps I’m still in a “standardize everything” mood, or envy this new doodad since I’m now using Chrome as my default browser, but don’t you sometimes wish all browsers could do this? Do the same set of things? We’re getting to a point where the level of HTML and CSS support is the same across every browser, so it makes me wonder what’s the next step for the idea of cross-browser compatibility.
It will probably depend on what the web browser means to its various makers. Google has unveiled the Chrome OS, which will run on a specialized version of Chrome. Opera is focused on its “web servers for everyone” feature in Opera Unite. (And Internet Explorer is playing catch-up, mostly.) Browsers are basically the gateways to the whole Internet, but they’ve become more ambitious than that and their vendors will attend to those ventures first before convening to create new cross-platform goodness.
Google sfida Microsoft con Chrome by Federico Fieni
Guess whose turn it is to bring Internet Exploder into the 21st century. Google has been dipping its fingers and toes everywhere, including the browser market. But it wasn’t content with creating its own; it just had to meddle with everyone’s favorite browser, IE. And based on the name, Google Chrome Frame quite literally puts Google Chrome into Internet Explorer (versions 6, 7, 8). That is, Chrome’s support for HTML5 and its JavaScript engine.
For ordinary users, it means having to download a plugin for IE so it works just as well as any other modern, standards-compliant browser does. For developers, it means adding a meta tag so their websites actually work work better.
Mozilla has done something similar.
A few months back, Mozilla released a <canvas> element plugin. It’s really not a new concept; clearly folks at Mozilla and Google are taking drastic measures so they can slap sense into IE.
Isn’t this Microsoft’s job?
And look how well they’re doing with that.
Let’s turn the tables on this one: would Microsoft even think of creating extensions for competing browsers? Would we even find this acceptable? Of course things are different; Firefox and Chrome work worlds better than Internet Explorer ever has. You don’t see Kill Firefox or Kill Chrome campaigns, do you?
This is not a cure-all
If you don’t have enough privileges to install plugins on your workstation, the plugin and meta tag combo is useless. It doesn’t solve the biggest roadblock to dropping IE6. And if you can install programs on your computer, why not just get Chrome anyway?
Though it’s a valiant effort to bring the IE6 user stats down by a few notches, web designers and developers would still have to test for browsers without Chrome Frame.
Can you say passive-aggressive?
But is it really a charitable deal with a hint of “desperate times call for desperate measures”? If anything, this move by Google (and Mozilla) is an elegant finger to Microsoft.
Google could just sit on its pretty throne, throw more resources into advertising its own browser, and wait ’til it eventually dominates the market. Search, email, advertising, online office suite, VoIP, real-time protocol: everything it touches turns gold. History is on Chrome’s side.
But there’s more to Google Chrome Frame as it seems to scream: “when will you ever get your act together, Microsoft!”—masked by a 24-karat, “we’re here to make the Web a better place” grin.
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.
In a recent developer conference in Sydney, someone asked Microsoft CEO Steve Ballmer why they’re spending so many resources on their beloved browser, Internet Explorer:
Why is IE still relevant and why is it worth spending money on rendering engines when there are open source ones available that can respond to changes in Web standards faster?
According to Techworld, this was his reply:
Ballmer began his answer philosophically, saying Microsoft will need to look at what the browser is like in the future and, if there is no innovation around them, which he thinks is “likely”, Microsoft may still need its own browser because of proprietary extensions that broaden its functionality.
“Open source is interesting,” he said. “Apple has embraced Webkit and we may look at that, but we will continue to build extensions for IE 8.”
So now if we can imagine Microsoft actually swallowing its pride to rework IE to use the same code Apple is using with Safari, and Google with Chrome, we’d have 3 competing browsers by 3 technological giants using the same foundations for building a browser. It would seem like good news for those who’ve spent sleepless nights keeping websites from breaking due to IE’s numerous bugs, although I’m not quite sure why have to have 3 different derivatives of WebKit in the first place—which is an issue for another day.
I want to go back to the question of relevance. Ballmer didn’t exactly defend IE’s relevance, even saying that there is likely to be “no innovation around them”. Are you sure? Mozilla definitely thinks otherwise. So does Google.
Add to that Microsoft’s foray into the “cloud” with Windows Azure. Google, which wanted to make sure its web apps provided the best experience, created its own web browser. IE has been around for years now, but what could be crucial to next-generation platform computing seems to be an afterthought, or is just playing catch-up.
If we were to actually take Ballmer’s words to heart, we can expect that either way, web browsing should improve for the better: either through a Webkit-based IE, or the death of IE.
It may very well be the latter, if we’re to believe this comment on the article at the AppleInsider forums:
The IE team was dismantled except for a core team called IE SE – which translates to “IE Sustained Engineering”. What this means… is a product is dead and the SE team simply puts out hot-fixes for any pertinent issues. This all happened during that great legal battle that Microsoft had with the States.
I know we can accomplish a lot more by not waiting around for IE (and Microsoft) to get its act together, but here’s yet another reason web designers and developers are in a rut.
If the company behind Internet Explorer does not believe in it, why should we?
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.
Today, August 27th, marks the day Internet Explorer 6 (IE6) first came out. It’s a seven year-old browser. This little factoid is part of a battle cry by M. David Auayan to stop developing websites for IE6 by March 2009. Enter the IE Death March.
Internet Explorer 6 will be SEVEN years old on August 27th. It came out a few weeks before the Twin Towers fell. It came out before the Nintendo GameCube. It came out before the first iPod.
It’s time to put a deadline on dropping IE6, and I say that time is now, and the deadline should be soon… say like, March 2009. That’s roughly a little more than 6 months. Feel free to join me. If your company is dropping support for IE6, let me know and I’ll gladly post it up.
There have been tons of initiatives to finally ditch one of the most loathed software on the planet. You may have noticed some of these around the Internet:
So many parties are restless about the state of web browsing, and rather than wait for Microsoft to get its act together, they take it upon themselves to do something about it. It doesn’t really stop with the viral websites. Every few months or so you’ll find a blog post that details how the author has had it with IE (IE6 usually) and that he has resolved to drop support for the browser completely.
One must ask: are any of them making a significant difference in the market share of IE? Or IE6, specifically?
According to statistics from several prominent web counters, Internet Explorer is still the dominant browser at around 76%. Although it’s slowly going down by a few percent every few months, that’s still a high number. Even on sites that advocate web standards like W3Schools show that around half of the site visitors are on IE, a quarter on IE6.
The biggest agent of change was probably Google, since it actually paid people to download Firefox. But now that’s gone, will the ball keep rolling? Is it time to look at other, more drastic strategies the way Mozilla did recently?
It seems we’re all feeling a little desperate these days. After all, it’s been seven years.
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.
Mozilla Labs, already releasing innovations that hint at the Web in the coming years, has launched the Concept Series. This is an initiative that pushes for the “development of the online experience” where everyone can contribute.
We’re hoping to lower the barrier to participation by providing a forum for surfacing, sharing, and collaborating on new ideas and concepts. Our goal is to bring even more people to the table and provoke thought, facilitate discussion, and inspire future design directions for Firefox, the Mozilla project, and the Web as a whole.
Concepts may take the form of Ideas, Mockups or Prototypes.
The Concept Series starts strong with several concept videos from Adaptive Path, Wei Zhou, and Aza Raskin.
Aurora Concept Video by Adaptive Path
Lifestream - Redesign history and bookmarking by Wei Zhou
Firefox Mobile Concept Video by Aza Raskin
Of the three, Aurora is clearly the most ambitious as it demonstrates with 4 videos how future web browsing will be completely intuitive and pervasive. Websites can share information with one another so that a user can extract relevant information. The Web will continue to act as information provider regardless of location or the real-world objects and situations he is dealing with.
Multitouch technology is also gaining traction as the ideal way to interface with the Web. Specially assigned gestures will become especially convenient on small mobile devices. Mimicking a 3-dimensional space is another popular concept which also addresses space constraints. And of course, aside from advances in software, hardware will also play a major role in the interactions onscreen.
What’s your idea for the future of the Internet? Contribute to the Mozilla Labs Concept Series and have your say. Remember, the best way to be prepared for the future is to make it ourselves!
