Paul Irish

Making the www great

Goin’ GOOG

Big news! (for me, at least) I’m taking a position on the Chrome team doing Developer Relations. I’ll be evangelizing HTML5, Chrome, Chrome OS, and everything under the Open Web umbrella. It’ll be a bunch of writing, speaking, tutorials and guides, and engagement with the developer community. (Hey guys! :)

As I’m very passionate about all this, I’m quite excited about this opportunity. Google Chrome has become the browser to beat very quickly. It’s a solid platform for browsing and developing as well. I can’t wait to join the team and start kicking ass, making Chrome ideal for developers and pushing the open web forward.

As part of this, I’m also moving to San Francisco. Farewell, my dear Boston. sniff :(

I’m leaving an incredible team of UX architects, interactive designers, software engineers, and front-end developers at Molecular/Isobar. It’s been 3.5 years and I would’ve easily stayed longer. If you’re in Boston, Toronto or SF and want to develop incredible sites and apps for high-profile clients, I couldn’t recommend working there enough. <3z

This is all happening over the next 60 days, along with a busy schedule of JSConf, Bay Area jQuery Conference, TXJS, and a few weddings.

I plan to continue to be active in the jQuery community (thx to my compadre Karl Swedberg for the referral!), and continue developing Modernizr and CSS3Please. I also got a few more projects on the way. Exciting times. :)

SVG Filters on HTML5 Video

This weekend I hung out with some SVG all-stars and learned how SVG, HTML, and CSS can combine for some badass visual filters applied to content. Clearly it’s the most fun to apply it to <video>, though I could have done it to any HTML.

Demo page: SVG filters on html5 <video> Up/right arrow keys are fun, too.

Blur is certainly the most useful, I’d say. For instance, Mike Matas’s new site could dynamically blur the images instead of manually cutting blurred jpgs.

Leave a comment if you can think of other use cases for filters like these on your HTML content.

2016.9.25: Was using a swf for video on this page; 2010 was hilarious. Now just a static image. :)

Introducing… CSS3Please.com

Man, whenever I’m writing some css3, I get so tired of writing all the vendor-specific prefixes (like -moz-border-radius). Combo that with remembering who supports what and I wantedneeded a shortcut.

Today, I’m happy to release v1.0 of css3please.com: a cross-browser css3 rule generator, produced by Jonathan Neal and myself. In addition to syncing and normalizing changes across the necessary properties, it also sneaks in IE support for a few features via IE filters. Right now it helps you write the rules for: border-radius, box-shadow, linear-gradients, rotation and @font-face. A few more transforms like skew and scale are on their way, stay tuned.

Shouts to all the good people doing research and making tools in the css3 arena: John Allsopp, Chris Coyier, Stoyan Stefanov, Damian Galarza, Ryan Seddon, border-radius.com.

Please leave comments and feedback below.

2010.04.06 - Today I pushed a big update. Mousewheel support is much better and the clipboard interaction sucks a lot less. We now have 360° IE rotation support thanks to Zoltan as well as css transitions support. I also fixed a number of small bugs that were reported. Based on the popularity of this tool, I’ll definitely keep working on it; making it better for ya’ll. If you would like to contribute, please contact me. Chytac pa-belarusku (belorussian translation)