Every mouse Apple ever made pictured exclusively with CSS

By on October 30, 2013, 3:00 PM
apple, imac, html, mouse, css, josh bader, lisa, macintosh, pro mouse, magic mouse

Josh Bader has created a mini site that documents the history of the Apple mouse in a slick visual presentation. While we have seen many projects like this over the years, Apple regularly being the topic of choice, Bader's site is more than just another one of those.

Bader's site shows each iteration of Apple mouse, of which there aren't very many, starting from the Lisa and Macintosh era versions all the way through to the iMac Mouse, Pro Mouse and the current generation Magic Mouse.

While accurate and interesting, a task like this really isn't all that impressive until you realize all of the artwork was created with nothing more than HTML and CSS. There is absolutely no traditional artwork involved here, no vector drawings, jpgs, gifs or pngs, just some incredibly detailed and impressive coding.

A task like this requires an extreme amount of time and skill, along with what would have to be a deep dedication to the craft, even the transitions between each mouse is nicely done. Head over to Josh Bader's Codepen page to scroll through the history of the Apple mouse in pure CSS for yourself. You can check out Web Designer Depot for more of a technical break-down on Bader's work. 

User Comments: 6

Got something to say? Post a comment
Cassiebeak Cassiebeak said:

God, these are all just awful works of design

treeski treeski said:

Every terrible mouse Apple has ever designed...

davislane1 davislane1 said:

It's clear the posters above me don't appreciate the scientific achievement of this project. Josh Bader has single-handedly demonstrated the ghastly consequences of suspending natural selection and letting random genetic mutations cumulate unchecked.

Panda218 Panda218 said:

I respect the coding that went into making this, but the mice are all piles of crap.

SNGX1275 SNGX1275, TS Forces Special, said:

The ADB and ADB2 mice existed and were used before PC mice were used by PC users (because Windows wasn't really well established). The Pro mouse is pretty damn nice, but did not incorporate 'right click', this wasn't really a problem at the time though (and option+clicking was available). The other mice are pretty lame though, I even have a wireless Mighty Mouse and think it is terrible.

Steve Steve said:

Every terrible mouse Apple has ever designed...

I have always found when using a Mac that the mouse was the highlight

Load all comments...

Add New Comment

TechSpot Members
Login or sign up for free,
it takes about 30 seconds.
You may also...
Get complete access to the TechSpot community. Join thousands of technology enthusiasts that contribute and share knowledge in our forum. Get a private inbox, upload your own photo gallery and more.