squaremagic.com

Be Zen Home

Contact

Send me an electronic message.

All fields are required.

Error message here

sending…

Text area can be scrolled with cursor−keys or mouse−wheel

Links

Super interesting links coming soon.

Labs

Experimental bits and pieces

I’ll be adding lots to this section: check back later & often. There’s even an image of a Rubik’s cube to show how serious I am about experimentation and the like.

Indicates link will open a new browser window.

AJAX slide show

There are lots of these around, but this one is very small (10.3k completely uncompressed) & has a nice cross−fade and size−change transition. I’d been wanting to write one for ages. This will probably end up being a jQuery plugin.

CSS2 vertical float

This is useful for maintaining a consistent feel across pages with varying amounts of content.

Work

Here are some examples of my work

My involvement is indicated by these icons:

CSS & XHTML
Design
Flash & ActionScript
JavaScript

Indicates link will open a new browser window.

I’ll be adding to this shortly.

Please use your cursor−keys or mouse−wheel to scroll list

Invitrogen’s 2006 Christmas promotion

"The Last Straw Tour" campaign

I want to point out the scroller on this too, which is a custom AS2 object with simple easing.

"Best Seat in The House" campaign

I didn’t do the "Animated greeting" part of this.

WD−40 Corporate site

WD−40 brand sites

The following seven WD−40 brand sites all use the same HTML template: they are content managed. The only things that change from one to the next are content & CSS.

WD−40

3−IN−ONE

Lava

X·14

2000 Flushes

Carpet Fresh

Spot Shot

M&T Bank’s
"Built for Baltimore" campaign

I did the weather widget on this. It’s archived at Geary now, so it's loading a static XML file. When it was live it loaded a live weather feed.

OAG

Machine website

This one’s really old ;−). Check out the Flash toys in the page headers.

loading…

View Work Samples

Welcome

This is my portfolio.

My name is Eoin O’Donovan. I live in Berlin (the one in Germany). I write 100% W3C standards−compliant, cross−browser compatible CSS & HTML, unobtrusive JavaScript & AJAX (mostly with jQuery) and ActionScript 1, 2 and 3. I also design and animate things and I know a little PHP, but not enough to warrant bold text.

I’ve used CSS to eliminate scroll bars on this site. However, if you’re using Safari, Chrome or Opera and you don’t have a mouse−wheel, you’ll have to click scrollable content to get the cursor keys to work. I can’t decide if this is usability death or not. Opinions welcome.

What you see here is squaremagic.com v.0.9. More to come. ;−)