Archive for March, 2011

File Under: Humor

Worst Website Ever II: The Brother IntelliFax 2800 App Store

Probably the funniest thing to come out of this year’s SXSWi conference, the second “Worst Website Ever” panel brings you Mike Locker’s Brother IntelliFax 2800 App Store, er, Fap Store. It’s got Netflix. It’s got Angry Birds. It’s even got “an at symbol flying out of a fireball with binary code behind it.” And of course it’s 2011, so the worst website should definitely not be a website, but an App Store.

The Worst Website Ever II panel consisted of Andy Baio of KickStarter, Gina Trapani of Lifehacker fame and Ze Frank of The Show, among others. If you’d like to hear the recording of the session (which contains a number of other hilarious mock pitches), head on over to the SXSW website. And remember, the web is dead.

See Also:

File Under: HTML, Programming, Security

HTTPS Is More Secure, So Why Isn’t the Web Using It?

You wouldn’t write your username and passwords on a postcard and mail it for the world to see, so why are you doing it online? Every time you log in to Twitter, Facebook or any other service that uses a plain HTTP connection, that’s essentially what you’re doing.

There is a better way, the secure version of HTTP — HTTPS. That extra “S” in the URL means your connection is secure, and it’s much harder for anyone else to see what you’re doing. But if HTTPS is more secure, why doesn’t the entire web use it?

HTTPS has been around nearly as long as the web, but it’s primarily used by sites that handle money — your bank’s website or shopping carts that capture credit card data. Even many sites that do use HTTPS use it only for the portions of their websites that need it — like shopping carts or account pages.

Web security got a shot in the arm last year when the FireSheep network-sniffing tool made it easy for anyone to detect your login info over insecure networks — your local coffeeshop’s hotspot or public Wi-Fi at the library. That prompted a number of large sites to begin offering encrypted versions of their services on HTTPS connections.

Lately even sites like Twitter (which has almost entirely public data anyway) are nevertheless offering HTTPS connections. You might not mind anyone sniffing and reading your Twitter messages en route to the server, but most people don’t want someone also reading their username and password info. That’s why Twitter recently announced a new option to force HTTPS connections (note that Twitter’s HTTPS option only works with a desktop browser, not the mobile site, which still requires manually entering the HTTPS address).

Google has even announced it will add HTTPS to many of the company’s APIs. Firefox users can go a step further and use the HTTPS Everywhere add-on to force HTTPS connections to several dozen websites that offer HTTPS, but don’t use it by default.

So, with the web clearly moving toward more HTTPS connections, why not just make everything HTTPS?

That’s the question I put to Yves Lafon, one of the resident experts on HTTP(s) at the W3C. There are some practical issues most web developers are probably aware of, such as the high cost of secure certificates, but obviously that’s not as much of an issue with large web services that have millions of dollars.

The real problem, according to Lafon, is that with HTTPS you lose the ability to cache. “Not really an issue when servers and clients are in the same region (meaning continent),” writes Lafon in an e-mail to Webmonkey, “but people in Australia (for example) love when something can be cached and served without a huge response time.”

Lafon also notes that there’s another small performance hit when using HTTPS, since “the SSL initial key exchange adds to the latency.” In other words, a purely security-focused, HTTPS-only web would, with today’s technology, be slower.

For sites that don’t have any reason to encrypt anything — in other words, you never log in, so there’s nothing to protect — the overhead and loss of caching that comes with HTTPS just doesn’t make sense. However, for big sites like Facebook, Google Apps or Twitter, many users might be willing to take the slight performance hit in exchange for a more-secure connection. And the fact that more and more websites are adding support of HTTPS shows that users do value security over speed, so long as the speed difference is minimal.

Another problem with running an HTTPS site is the cost of operations. “Although servers are faster, and implementations of SSL more optimized, it still costs more than doing plain HTTP,” writes Lafon. While less of a concern for smaller sites with little traffic, HTTPS can add up, if your site suddenly becomes popular.

Perhaps the main reason most of us are not using HTTPS to serve our websites is simply that it doesn’t work with virtual hosts. Virtual hosts, which are what the most common cheap web-hosting providers offer, allow the web host to serve multiple websites from the same physical server — hundreds of websites all with the same IP address. That works just fine with regular HTTP connections, but it doesn’t work at all with HTTPS.

There is a way to make virtual hosting and HTTPS work together — the TLS Extensions protocol — but Lafon notes that, so far, it’s only partially implemented. Of course that’s not an issue for big sites, which often have entire server farms behind them. But until that spec — or something similar — is widely used, HTTPS isn’t going to work for small, virtually hosted websites.

In the end there is no real reason the whole web couldn’t use HTTPS. There are practical reasons why it isn’t happening today, but eventually the practical hurdles will fall away. Broadband speeds will improve, which will make caching less of a concern, and improved servers will be further optimized for secure connections.

In the web of the future the main concern won’t just be how fast a site loads, but how well it safeguards you and protects your data once it does load.

Photo: Joffley/Flickr/CC

File Under: Browsers

Mozilla Plans Faster Firefox Development Model

Firefox 4, the latest incarnation of Mozilla’s popular web browser, will arrive in final form on Tuesday, March 22. While the final release is good news for Firefox fans, it comes over three months after the initial Firefox 4 release date.

Firefox 4 isn’t the first release to miss its shipping goal, in fact the previous two versions arrived somewhat late as well. To help change that in the future, Mozilla has announced an ambitious plan to revamp Firefox’s development process. Not only will new features arrive faster under this development model, but Mozilla plans to release no less than three major updates this year alone.

The plan is still in the early stages and may change as kinks are worked out, but it currently looks a lot like Google’s development cycle for the Chrome web browser. Like Chrome, Firefox will have several channels, all working simultaneously toward regular releases. A feature will start in what Mozilla is calling the “mozilla-central” channel (nightly builds) and then progress through an experimental channel and a beta channel before arriving in final form. In total each new feature will progress through a 16-week development cycle. Should something break as a feature moves toward the final release, it can be disabled at any point.

Although Chrome helped popularize this development method, it’s also similar to what the W3C is using to add new API features to HTML5 (albeit on a much longer time scale), and it’s how many web-based software projects have long functioned.

Mozilla’s plan also includes something that isn’t easy for Chrome users to do — skip automatic updates. If you subscribe to, for example, the Firefox beta channel, but don’t want to download the latest update, you’ll be able to skip it by disabling the auto-update function.

While Mozilla’s revamped development cycle is still in the early planning stages, it looks to be a big win for both the company and Firefox users. The new development model will help Mozilla push out new features on a more regular basis, without waiting for everything else to be complete as well, and, hopefully, end the frequent delays in Firefox release schedules.

See Also:

File Under: Browsers

Opera 11 Preview Shows Off WebP Image Format

Opera software has released a new developer build of its Opera Desktop web browser with support for Google’s WebP image format. The WebP format is part of Google’s self-imposed mission to make the web faster, and promises smaller images with no visible loss of quality. Currently Google Chrome is the only web browser that supports the WebP format.

The latest development build of Opera now supports WebP as well, though bear in mind that this is an unstable, not-for-everyday-use release. If that doesn’t scare you off you can download the latest version from Opera.

This release of Opera also includes support for linear CSS gradients (using the -o- prefix syntax) and Opera’s new Declarative UI for developers building tools on top of Opera’s extensions platform.

For web developers though, the big news is support for WebP, which should arrive in final form with the release of Opera 11.1 later this year.

See Also:

File Under: Browsers, Web Standards

Google Gives IE 9 the Gift of WebM

Now that Microsoft’s Internet Explorer 9 is out in the wild, Google has released its WebM video plugin which will allow IE 9 to play WebM video. The new IE 9 supports the HTML5 video tag out of the box, but it can only play back H.264 video, not the Google-backed WebM video codec.

If you’ve upgraded to IE 9 and would like to make sure that WebM video will work when you encounter it, head over to the Google WebM for IE 9 download page.

For all the promise of HTML5 video, there is, as of now, no single video codec that works in every web browser. That’s a pain for publishers who need to encode every video in two codecs and a pain for users, who need to install extensions, like Google’s new WebM for IE 9 or Microsoft’s H.264 plugins for Firefox and Chrome (Windows only).

Until recently Google’s Chrome web browser was the only browser that supported both formats (and the OGG format), but then Google announced it would drop support for H.264 in Chrome in order to drive adoption of WebM video. Converting YouTube videos to use WebM would be a huge boon for WebM, but so far Google has not done that.

It would also greatly help the WebM cause if Adobe Flash could play WebM video. Since there is no “it just works” codec for HTML5 video, most websites still fall back to Flash video. Because Flash can play H.264 video it makes more sense for publishers to encode video in H.264 and serve it natively to Safari and IE 9 users, while falling back to a Flash container for browsers that don’t natively support H.264.

If the WebM project is going to make it through these transitional times, it needs to get Adobe to support WebM in Flash, which would remove one of H.264′s primary advantages — that it works in Flash as well. In the mean time, at least there is the IE 9 plugin, which means Apple’s Safari is now the only browser on the web that can’t play WebM video.

See Also:

File Under: Browsers

Internet Explorer 9 Arrives With More Speed, Better Web Standards Support

IE9 running on Windows 7

Microsoft has released Internet Explorer 9, the first major update for Microsoft’s browser in nearly two years. Internet Explorer 9 is a huge leap forward for the IE line, bringing much-needed web standards support, better performance and hardware acceleration for faster graphics and animations on supported PCs.

To upgrade Internet Explorer, download IE9 from Microsoft. Only Windows 7 and Vista are supported, as IE9 will not work with Windows XP — not surprising, but a bummer for those on XP notebooks, where IE9′s speed improvements would be great news.

Perhaps the most noticeable difference for longtime Internet Explorer users will be IE9′s totally revamped, minimalist user interface. The numerous menus, icons and tools at the top of the browser in IE8 have been cleaned up and replaced with a single combined URL-and-search bar and new main menu icon that leads to all the old menu options. The interface is clearly taking its influence from, and even looks nearly identical to, Google’s Chrome web browser.

As you would expect, IE9 is tightly integrated with Microsoft’s Windows 7 operating system and offers new features like the ability to pin websites to the task bar. To use the pinned sites feature just grab a site’s icon from the IE9 address bar and drag it to your task bar. In fact, the pinned sites feature isn’t limited to the task bar, so if you’re still using Vista, fear not, you can pin sites to your start menu.

Webmonkey pinned in IE9

The pinned sites feature offers websites a chance to integrate additional features into the task bar. For example, developers can add a meta tag and some other information to customize jump lists, add links to common pages on a site or send updates and notifications directly to the task bar.

The new hardware acceleration means IE9 moves at near light speed compared to its predecessor. IE9 also holds its own with and even bests Chrome 10 and Firefox 4 (which both feature hardware acceleration as well) in some tests. That means complex animations and native web video are plenty fast in the latest version of IE. IE9 also includes a revamped JavaScript engine that makes JavaScript-heavy websites like Gmail or Facebook considerably speedier.

To help ease users’ growing privacy concerns on today’s web, the new IE9 adds some privacy controls similar to those Mozilla and Google have been adding to their browsers. In IE9 you’ll find a new preferences option to enable Tracking Protection Lists, which can block cookies, beacons, pixels and other tricks that advertisers use to track your movements around the web.

Perhaps the best news in Internet Explorer 9 is the new web standards support. Despite some outlandish claims from Microsoft, IE9 is not perfect and it still lags behind its peers when it comes to supporting the latest and greatest features on the web, but it’s certainly a huge improvement over IE8.

Microsoft has opted for a conservative approach to new web technologies in IE9. While the nearly complete Firefox 4 and the recently released Chrome 10 support more of the HTML5, CSS 3 and web API stack, IE9 is a huge step forward for Microsoft. IE9 offers support for the most widely used elements of HTML5 — like the new audio, video, canvas and semantic tags. Still, Microsoft has decided to pass on many of the new APIs. Cutting edge web tools like the offline web applications API, the File API, Web Workers API and the Web Notifications API won’t work in IE9. That’s bad news for web developers, but it’s also bad news for IE users since the web shows no signs of slowing down to accommodate IE.

In Microsoft’s defense, many of these APIs are still in the last call stage and won’t be finalized until 2014. But, in opting to take the more conservative approach to emerging web standards, Microsoft is risking IE9 being out of date even as it launches. Hopefully Microsoft will include support for the emerging APIs in future updates.

To get an idea of how IE9 stacks up against the competition, I ran IE9 through the HTML5Test suite. The HTML5Test suite ranks browsers based not only on W3C-approved components of HTML5, but also some experimental stuff, and some components that aren’t in the spec at all but are widely considered important tools for building more powerful HTML5 web applications, like geolocation. IE9 scores 130 out of a possible 400, which is a huge improvement over IE8′s meager 32. For comparison, Google Chrome 10 scores 283 and Firefox 4 RC1 gets 255.

Despite some shortcomings in the web standards department, IE9 is a competent browser and well worth the upgrade from IE8. If you’re interested in taking advantage of the latest tricks on the web, clearly IE9 is not the browser for you. Still, for those that have no choice in their browser — for example, on a work machine, in a corporate environment — IE9 is obviously good news. For the web at large IE9 represents a step, if not a giant leap, forward.

See Also:

File Under: Browsers, Programming

Opera Updates ‘Dragonfly,’ a Debugging Tool for Web Developers

Opera Dragonfly's debugging tools

When it comes to testing your websites there’s no such thing as too many developer tools. For example, we routinely test sites in both Firebug and WebKit’s developer tools. True, they’re very similar, but there are enough differences to warrant using both.

Now there’s another tool to throw in your testing toolkit. Opera Software has launched the first beta of Opera Dragonfly, the company’s web debugging toolkit that ships with the Opera Desktop web browser. Opera Dragonfly has been around for years, but this is the first beta release and it offers quite a few new tools, including support for some new web APIs, like the Web Storage API.

To try out the new Dragonfly beta you’ll need a copy of Opera and then you’ll need to tweak Dragonfly’s settings. Paste this line into a new Opera tab: opera:config#DeveloperTools|DeveloperToolsURL. Then change the “DeveloperToolsURL” to https://dragonfly.opera.com/app/cutting-edge/ and click save. To activate Dragonfly head to Tools >> Advanced >> Dragonfly.

Once you’ve got the latest version of Dragonfly up and running you’ll be greeted by a new panel that looks nearly identical to Firebug or the developer tools found in WebKit browsers like Chrome and Safari.

However, while Dragonfly looks like similar tools it has a few extra tricks up its sleeve, like a color picker, a network inspector that allows you to write custom requests and a revamped JavaScript debugger that can monitor specific expressions or variables in your code.

If you’re already using Firebug or the developer tools in your favorite browser, Dragonfly might not feel like anything new. But now that Dragonfly has reached beta status, and is much more stable than previous incarnations, it’s well worth adding to your testing toolkit.

See Also:

Yahoo’s YSlow Page Speed Tool Now Available for Chrome

Every web developer wants to speed up their site, and Yahoo’s YSlow plugin for Firefox is a great way to find out what’s slowing your pages down. Now, Yahoo has announced YSlow for Chrome, which brings all the goodness of YSlow to Google’s popular web browser.

In Firefox YSlow requires (and builds on) the Firebug plugin, but the Chrome version stands on its own. You can grab the new beta version of YSlow for Chrome from the Google Chrome Extension website (note that you’ll need to be using Chrome 10 or better).

Once installed, YSlow for Chrome works just like the Firefox version, with one nice difference — instead of being added to the bottom of the webpage as a kind of frame, YSlow for Chrome floats in its own window, which makes it easier to compare YSlow data from multiple websites.

The Yahoo developer blog notes that the current version of Chrome does not provide extensions access to its network panel. That means that YSlow for Chrome uses Ajax calls to cull its data and provide speed reports. As a result it’s possible that some rules might be affected and differ slightly from what the Firefox version reports. I tested a handful of domains in both Chromium and Firefox and didn’t notice any differences between the two, but be aware that it’s possible there might be some discrepancies.

For more information on how to use YSlow to speed up your websites, see our post, How to Speed Up Your Site With YSlow and Page Speed. Sadly, there’s still no Page Speed add-on for Chrome; Google’s Speed Tracer extension covers similar ground, but you’ll need to jump through some hoops to get it working.

Given Chrome’s already awesome built-in developer tools — which do more or less everything Firebug can do, no extensions necessary — adding YSlow to the mix puts Chrome on par with Firefox when it comes to the best browser for building and debugging your websites.

Illustration from “Physics for Entertainment” by Yakov Isidorovich Perelman from Archive.org

See Also:

File Under: Browsers

RC1 Paves the Way For the Final Release of Firefox 4

Firefox 4 has finally graduated from beta testing to the release candidate stage. Even better, according to Mozilla’s weekly meeting notes, there are no show stopping bugs and “no need for an RC2 has been identified.”

If you’ve been using the Firefox 4 betas you’ll automatically be updated to RC1. If you’ve been waiting for something more stable than a beta, you can grab the release candidate from the Mozilla downloads page.

The latest Firefox 4 build offers “general stability, performance, and compatibility improvements.” Mozilla also reports that it has fixed more than 8,000 bugs since the first beta of Firefox 4 was released eight months ago.

The best news for long-time Firefox fans is that over 70 percent of Firefox add-ons have been updated to work with Firefox 4. If your favorite add-on hasn’t yet been marked as compatible with the latest release, you can help test it using the Firefox Add-ons Compatibility Reporter.

With the major bugs out of the way and the new features working as they should, Firefox 4 will likely arrive in final form very shortly, possibly as early as next week.

See Also:

File Under: Browsers

Internet Explorer 9 to Arrive March 14

Internet Explorer 9 Beta on the Windows 7 desktop

Microsoft has announced it will release Internet Explorer 9 onto the web March 14. Internet Explorer 9 will be a massive overhaul for IE and brings much needed standards support, speed boosts and hardware acceleration.

The first Platform Preview of IE9 arrived nearly a year ago and since then Microsoft has released several more previews and betas. Along the way, IE9 has gained support for more HTML5 features, CSS3 improvements and better hardware acceleration.

IE9 will be good news for web developers since it adds considerable support for HTML5 and CSS3. Its predecessor, IE8 doesn’t support any of HTML5 and is widely blamed for holding back efforts to create a better web.

Microsoft is hoping to change that with IE9 which not only supports much of HTML5 and CSS3, but includes hardware acceleration for faster performance and privacy protection settings to stop websites from tracking your movements around the web. IE9 is also no slouch when it comes to JavaScript performance thanks to the new Chakra JS engine.

We took a look at the HTML5 and CSS3 features in IE9 last year, but Microsoft has added quite a few more since then, including support for CSS3′s 2-D transforms and new selectors, HTML5′s semantic elements, the WOFF font format and the geolocation API.

In terms of web standards IE9 is light years beyond anything Microsoft has previously released. Granted, Firefox, Opera, Safari and Chrome are somewhat further along with the more experimental features of HTML5, but given IE’s dominant market share worldwide, IE9 should be a huge boon for HTML5 adoption (provided users upgrade).

We’ll be sure to give you a full rundown on everything that’s new in IE9 when it arrives next week.

See Also: