7 ms·
The History of Apple Mice in Pure CSS
- troygoode 13y agoWow, I forgot how much I disliked the original iMac hockey puck. That said, my least favorite of these (taking into account their contemporaries) is the Mighty Mouse - that little ball was awful. Oh, and this visualization is of course very slick. I was not expecting to be as wowed by the animated transitions as I was...
- LanceH 13y agoYea, mouse ball that can't be cleaned, thanks Apple.
- nwh 13y agoSoak some toilet paper in alcohol, run the mouse upside down over it, then admire the smear of black dirt that comes off the roller.
- nwh 13y agoThe hockey puck mouse got a nice introduction though, check the applause Jobs gets when he shows it off — http://youtu.be/0BHPtoTctDY?t=6m25s http://youtu.be/0BHPtoTctDY?t=6m25s
- judk 13y agoAh, the bad old days of launching products that demoed well instead of worked well.
- pedalpete 13y agoThe one that came after the hockey puck wasn't much better. I haven't used an Apple mouse in a long time, but I was always amazed at how a company known for design could do so poorly with the most important input device (for desktop).
- leoc 13y agoThe shape of the (first-gen) ADB mouse looks a little bit off, though maybe that's just a result of the projection being used.
- Samuel_Michon 13y agoMost of them are off, actually. Look at the button on the ADB II mouse.
- Xixi 13y agoEverybody hated the iMac hockey puck as you call it, but I actually quite liked it, the reason being that it was quite heavy! I've been using a mighty mouse at work recently (after a stupid incident involving coffee...), and let me just say this: that little ball in the middle is an unmitigated disaster.
- dzhiurgis 13y agoI kinda like the 360 scrolling.
- mistercow 13y agoI agree. I'm so used to it from two finger scrolling on a trackpad that I get frustrated if I use a mouse with a simple scroll wheel.
- rz2k 13y agoThe scrolling ball needs to be regularly cleaned by turning the mouse upside down and rolling it on a clean piece of paper. When it is dirty it will seem like it is broken and only track in one direction.
- doomlaser 13y agoLooking at them like this reminds me how terrible they are -- ergonomics isn't Apple's strong suit. Give me a cheap Logitech mouse any day of the week. Bizarrely, Apple's dedication to the "simple" idea of not having a second mouse button results in far more uncomfortable and unintuitive interfaces, featuring an ever increasing melange crazy gestural shortcuts.
- gurkendoktor 13y agoI absolutely agree that their mice suck, but I think the Magic Trackpad is hard to beat. The keyboards aren't too bad either. The glossy screens are another ergonomics nightmare though. With Apple's short keyboard form factor, I can have the alphabet, the "mouse" (trackpad) and the arrow keys all in comfortable reach. Feels much better than my old setup with a vertical mouse & Microsoft ergonomic keyboard.
- oneeyedpigeon 13y agoI wish Apple would release a full-size wireless keyboard. I can't stand the smaller one with that annoying fn key and tiny cursor keys. Also, I wonder if Apple will ever cotton on to the fact that quite a lot of us use the '#' symbol from time to time. Other than that, I love their keyboards.
- dzhiurgis 13y agoMagic Trackpad is amazing. And 'crazy gestures' actually save you so much useless mouse movements once you customise them - close tab, reopen tab, switch between tabs, refresh, previous page, next page.
- stbtrax 13y agoIs there a better way to navigate this page rather than clicking tiny tiny circles? I got a little frustrated after clicking 3 of them.
- bbx 13y agoYou're right. The problem with these little circles is that, in order to navigate, you need to horizontally move a precise amount of pixels without moving to far away vertically. It's also an issue considering this type of navigation is meant to be used rapidly, going from one circle to another. You usually end up clicking all the circles and not just one. That's why, when I can, I tend to trigger the navigation on hover and not on click. Google does that as well. It's much less frustrating because it doesn't require to exactly stop on a circle but rather just go through it, and it helps quickly trigger all the circles in a fluid sequenced motion.
- Samuel_Michon 13y agoOr you could use links with meaningful labels instead of mystery meat tiny tiny circles. If you make the text large enough, you’ll have solved several problems at once. Also, make sure users can navigate using their arrow keys.
- damon_c 13y agoIt's good mouse training and thus it is relevant to the content of the presentation. (even more annoying on a tablet)
- cleverjake 13y agoIt'd be neat to make a click state on the first few that had a button
- INTPenis 13y agoAttention, this Pure CSS website requires Javascript.
- dingdingdang 13y agoExactly this, why the "pure" label when obviously not? The main reason for me to click through to this thing was exactly that; I love seeing people push an individual tech like CSS on its own: there's nothing tech-wise news worthy in oldschool js/css solution like this.
- itafroma 13y agoI don't think that level of cynicism is warranted: the individual mice are, in fact, styled via pure CSS. The small amount of JavaScript that's used is a convenience method to toggle which mouse is visible[1], and the work that was done here does not change in any substantive manner without it. If all the mice were displayed simultaneously side-by-side it'd be equally impressive. [1]: http://codepen.io/joshbader/pen/fKjra http://codepen.io/joshbader/pen/fKjra
- J_Darnley 13y ago> If all the mice were displayed simultaneously side-by-side it'd be equally impressive. Then that should be what happens when javascript is disabled.
- nilliams 13y agoWhy? I'd wager most of us are happy with the concept that it's being presented on CodePen with a bit of helper JS so that the target audience (developers who are unlikely to disable JS, or are happy to enable it for a site like CodePen) can better appreciate the demo.
- deleted 13y ago[deleted]
- mikeg8 13y agoThis was the most amazing thing I've seen on the web. Not even kidding, my mind is blown right now.
- Aardwolf 13y agoWhy not the history of proper mice (= with 3 or more buttons). They went a long way. It could be the history all the way from that first wooden mouse, through the first scrollwheel, through the optical mice, to a modern gaming mouse.
- Kiro 13y agoVery cool but am I the only CSS hacker who is fat, has a big Unix beard and drinks Jolt Cola? Josh Bader looks like a rockstar.
- badman_ting 13y agoTheir mice aren't very good. And the current one in particular, the one you can do gestures on, is no exception. However, I really like the trackpad and the current keyboard. It's exactly what I want in a keyboard. The problem with the mouse is that it's hard to do gestures on something that isn't stationary. I've always had a thing for a particular model of Microsoft Intellimouse but it's about ten years old now and getting hard to find, and mine was starting to go on the fritz. But I've been using the trackpad for about six weeks now and I really like it.
- kaoD 13y agoI see in many mice. Is it supposed to be Apple's logo? It looks like box(F8FF) to me.
- ancarda 13y agoYes, it'll show up on a Mac as Apple's logo. http://imgur.com/GS6E3gi http://imgur.com/GS6E3gi
- deleted 13y ago[deleted]
- threedaymonk 13y agoI see what looks like a Hebrew letter nun. It's a private use character, so there's no real guarantee about what it will look like. I'll refrain from making a sarcastic comment about the Apple-centric world-view of Apple users! http://www.nikcub.com/posts/unicode-uf8ff-aka-the-apple-logo-character-on-macs http://www.nikcub.com/posts/unicode-uf8ff-aka-the-apple-logo...
- oscargrouch 13y agoDid you mean: "Xerox PARC mouse" ?
- deleted 13y ago[deleted]