Or as a like to call it: podcasts that have caught my eye in the past week or so. And they differ in several ways, so there’s sure to be something for everybody. Take your pick:
Confession: It took me a while to realize that this podcast is actually the previously-named You Suck at Web Design, relaunched as a new brand with a new site design. This show isn’t so much a bag of tricks on web design as it is a quirky, personal storybook told by Matthew D. Jordan, but still a must-listen.
This is not just one but seven shows tackling different topics, from photography to Ruby programming, founded just last year by Dan Benjamin. I love the idea of a whole network of shows about the internet, on the internet, and here we have a whole suite for people who make websites. I can think of few things better than that. More networks and more topics, perhaps?
In light of the “circuses” happening in both the Hollywood late night talk show circuit and the web working groups, standardista slash comic strip creator Kyle Weems aka CSSquirrel announced this:
I am in the process of devising a “late night” talk show that the Squirrel will host, featuring interviews with cartoon representations of various web designers/developers/standardistas. It’ll draw from the mighty traditions of the Tonight Show, The Daily Show and Space Ghost: Coast to Coast, and in theory will be a plug-in free experience brought to you in part by HTML5, JavaScript and vector tree-climbing rodents.
Check out the podcast over at SitePoint, titled HTML5 is a beautiful mess:
The podcast touches on that matter, and spins out to the state of the actual implementation of HTML5 itself, whether there’s a challenge in getting designers and developers to start using it, the issues of accessibility in <canvas>, and how delightful it’d be to move past plugins.
Truthfully, I’m trying to avoid getting caught in the sticky details of how HTML5 is developing at the moment because it only adds to the anxiety (isn’t stressing over Internet Explorer enough?) and diminishes hope (we’re supposed to be moving forward with these technologies already). But it also helps to stay realistic not just idealistic, and drawing back the curtain on how the working groups are actually working on the HTML5 standard is a good way to do that.
In yet another interesting turn of events, two of the biggest issues when it comes to web design and development make way for the newer, better versions of themselves.
Goodbye, IE6!
Asa Dotzler of Mozilla reports that IE6 usage has now been overtaken by IE8, based on the browser tracking data from Net Applications. This happened as recently as June 2009.
Of course, specific demographics on your respective websites will vary, but this trend is a sign of things to come. And we’re not talking about years anymore, but months.
I’d have to commend Internet Explorer team on their great marketing efforts to improve the IE8 adoption rate. Even if Microsoft’s latest browser is up to snuff compared to the likes of Firefox, WebKit (Safari/Chrome), and Opera—see these comparison charts for HTML5—it’s a big step.
This is it, guys. Freedom.
Goodbye, XHTML2!
Slashdot reports that the XHTML2 Working Group charter is expiring by the end of 2009, and it will not be renewed. The W3C has also decided to pour more resources into the HTML5 working group.
Those who weren’t paying attention to this seeming sibling rivalry between XHTML2 and HTML5 can now rest easy. Though I’m not sure if XHTML2 ever stood a chance given how all the web gurus were backing HTML5 as early as last year. Google is on board, too. And everybody else is starting cash in on its growing popularity.
The good thing about XTHML was that it enforced well-formed markup, with strict provisions for lowercase code, quoted attributes, and trailing slashes for empty elements. Thankfully HTML5 this coding convention too, and can be served as a serialized XML document dubbed XHTML5.
At least we wouldn’t be forced to choose between the two anymore. Competition is good, but not here. We need standards.
Unwanted competition eliminated
How convenient is it that we have two less things to worry about now? Very, but now that they’re gone, it’s time to make up for lost time:
- Microformats. (This is the easiest to jump into.)
- Fluid layouts.
@font-face and custom web fonts: this time it’s not just the browser makers that web designers and developers are up against, but the type foundries. TypeKit and Kernest are attempting to bridge that gap.- CSS nested declarations, variables, and operations: LESS
- CSS if statements: Modernizr
- Animated PNGs.
Exciting times, people!
Everything old seems to be new (and hip?) again. And I’m not too sure I’m happy about it.
Short URLs
Shorter URLs are all the rage these days because of Twitter and its 140-character limit. If you’re one of the top sites on the web is practically mandatory for you to roll out your own URL shortening system. Ars Technica, for example, whose official URL is arstechnica.com, also has arst.ch. If you’re on a CMS like WordPress, you’re advised to give out the post ID permalink instead of the keyword-rich permalink of your blog post for the same reason.
Not too long ago, SEO and usability experts were on the same side and recommended readable URLs. Now that Twitter is the new internet marketing (I think they call it social media now) battlefield, the rules changed. When the next killer Web 3.0 app comes out, will we compromise and adjust once again?
But then again, has the Web ever stood still? Maybe I just thought it was beginning to.
WebKit’s CSS animations and scrollbars
You can now style scrollbars and perform animations using CSS in WebKit browsers.
I remember when Internet Explorer started to support scrollbar styling and almost every personal site took advantage of it. But then they grew out of it and were told by the gurus not to mess with the browser chrome.
I also remember <blink> and <marquee>.
But then again, “styling scrollbars isn’t messing with the chrome anymore than styling a button is.” Would the world be a saner place if browsers behaved the same way and all looked alike?
DiggBars
Digg has come out with its own version of the external page framing mechanism which they call the DiggBar.
Said mechanism is nothing new, and never really died out even to be considered a comeback, but Digg has a powerful following by all that which is noisy in the blogosphere to build a considerable amount of buzz. And no matter how you look at it, framing external pages is still framing, reminiscent of the era when HTML framesets were considered cool.
But then again, perhaps in this new era listening to the clamor of the crowd is no longer a fluke, but a very real way to improve one’s business.
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.
All the hoopla over Everything You Know About CSS Is Wrong!, a book by Rachel Andrew and Kevin Yank (see also the Digital Web article) is making me feel uneasy.
We’re not wrong; the title is wrong
I detest the title of the book. No, I don’t think “everything” I know about CSS is wrong. I “know” about the display:table technique for months now (thanks to Sitepoint, again).
Neither do I think it’s a good idea to go around belittling people by telling them they are wrong, whether in printed book or online article format. It’s harsh and misleading.
We’ve got issues
As for the CSS Tables technique presented in the book, these are some of the issues plaguing it:
- tag soup
- lack of source order control
- the question of semantics and presentation vs. content: is making
<div>s behave like tables/table cells any different from using tables as layouts?
- IE6 and IE7 incompatibility (no surprise there!)
And not too long after the uproar, the authors have addressed the above problems:
Andrew Tetlaw responds to #1 and #3:
No one is negatively affected by the overuse of structural div tags. The same can’t be said for the use of HTML tables for layout.
And here’s an interesting quip which points out the very valid woe of web developers, who have had to adjust to all these changes in coding conventions because of our “flakiness”:
Congratulations on years of punishing web devs for using common sense. Finally the circle turns, but somehow you think that you were ‘right all along.
Matthew Pennell of Digital Web has this to say about those who question semantics and standards:
I must say that I’m surprised that an audience of (presumably) conscientious, standards-aware developers are almost all declaring that they will not use new features of CSS when they are available and supported. Are you all so short-sighted that you cannot see any application for the techniques discussed here beyond wholesale replacement of site layouts?
And Rachel has written this regarding #4:
Some commentators have suggested that we shouldn’t have put a book out about a technique that can’t be used immediately, that will require workarounds to still provide support for older versions of Internet Explorer. I disagree. Something I point back to in the book is how the web community began to use CSS for layout even though support in Netscape 4 was limited and buggy. If those of us who were building CSS layouts right in those early days had said, “nah, it doesn’t work in Netscape, can’t do it”, then our recent history would look very different.
Are we hesitant about change and innovation?
In a sense, browser usage does “cripple” our ability to look towards a future of web design innovation (and bliss) when IE6 is finally disappears. But are things right now are exactly the same as when Netscape Navigator 4 was the stumbling block?
More importantly, will the CSS Tables technique actually push our level of innovation by a significant degree? The past few months of new websites tell me innovation is not too hard to come by still.
And what about next-generation HTML5, which will have new structural tags like <header>, <section>, <article>, <footer>? Can one not feel guilty using all those <div>s in the midst of these elegant new tags? Perhaps that’s another debate for another day—in 2022.
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.
