I'm Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with HTML, CSS and SVG. To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

my books

Pro CSS3 Animation, Apress, 2013

Using SVG with CSS3 and HTML5, O'Reilly, 2017

my other blogs

Massive Head Canon: Intelligent discussion of movies, books, games, and technology.

my projects

The New Defaults — A Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidy — an auto-generated #RWD image slider. 3.8K of JS, no JQuery.

Transitioning to Chrome

Google Chrome is now ready for prime-time: perhaps especially for web developers

Of late I have found myself using Google Chrome with increasing frequency, to the point at which it has become my default, go-to browser. The reasons for this are simple: it is lighter, faster and supports more cutting-edge standards and proposals (to be fair, the browser’s main competitor on my desktop is Firefox 4 beta, which I expect to tighten up over time as the code is optimized and checks removed).

There are a few other significant advantages to Chrome:

  • Chrome supports complete syncing of the browser across multiple installations via your Google account (a gMail account is fine). Turn sync on in preferences for Chrome on two or more computers using the same account, and everything is kept synchronous across multiple installations: history, bookmarks, preferences, themes, even extensions. That means no more “setting up” Chrome on any machine: turn sync on, sign in, and everything is good to go. (Competitors, such as XMarks, only synchronize history and bookmarks).

  • Extensions are instantly available – there is no need to restart the browser after installing an extension.

  • Silent updates: left to its own devices, Chrome will upgrade itself via downloads from Google as code becomes available; there is no need to manually search out or install patches or upgrades.

  • Developer Tools, built into the browser by default, combines the best of Firebug and the Web Developer plugin.

I would never use a browser that did not have the ability to block unwanted media: fortunately, AdBlock and FlashBlock cover that.

Chrome is not perfect: for me, it features two significant disadvantages. The first is the lack of a built-in tab manager (I am someone who typically has a minimum of a dozen tabs open at any one time; of course, there are extensions for that, too). The second is somewhat more serious: because Chrome has a strong sandboxing security model, its API allows limited access to the code of any document, especially documents that reside on the computer itself. That means that the Web Developer plugin for Chrome cannot use the “Validate Local HTML” option (sending the code on the page to the W3C for validation) or “Validate Local CSS”.

This is not an insurmountable issue – I can validate HTML code via direct input, copying the code from any page and pasting it in, or validate a page hosted on a server. (“Validate HTML” for publicly accessible web pages works fine). And obviously neither problem is enough to stop me from using the browser.

Those caveats aside, I would strongly recommend checking out Chrome: it (and other non-IE browsers) are the only way you are going to interact with cutting-edge technology like HTML 5 and WebGL.

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.