I've always loved the minimal Apple wireless keyboard and the pixel perfect WebOS keyboard. I had some free time today so i made a mashup of both. I'll make a black version soon.
about 1 year ago
Well, it's definitely pixel-perfect.
i love this its fantastic!
nicely done :D
even better than the original! :)
wow...i dig it!!!!
So simple and yet sooooo awesommmmeee
Looks like you're using Gotham Rounded or something, but the font on Apple's keyboards is VAG Rounded.
Also, even though your keys are neatly pixel-aligned, they are perhaps too sharp, especially along the bottom edges.
@Louie Mantia Cool, I didn't know they we're using VAG, I'll see how it looks. I ran into trouble with the alignment of the ⌘ using Gotham. I wasn't looking to match the type up initially, I was using Proxima Nova before switching to Gotham.
The sharp, clean, edges are what makes it special for me, personally. I didn't want any blurry edges that broke the pixel grid. Toning down on the inner and outer borders of the keys might help.
Thanks for the feedback Louie.
And a big thinks to everyone else too!
Nice work !
Thanks for liking the WebOS keyboard :)
Beautiful! I just think the font could be a bit bigger...
@Levi Wintering You can absolutely make something pixel precise without the lines being too contrasty. I'm not suggesting that you should have blurry edges, but if you tone down the shadows and highlights and it'll look nicer.
@Louie Mantia I took your advice and played around with it a bit. I agree, it looks a little nicer. Thanks for the constructive feedback!
by Sutherland Boswell
Levi's shot inspired me to practice some of what I've been learning in jQuery. Hope you don't mind!
The keyboard itself is created entirely from CSS, so it doesn't quite live up to the amazing look of the original but it's fun to play around with.
about 1 year ago
8 months ago
by Prince Siflah .T
Got inspired by you Levi and tried to do a photorealistic version of the apple keyboard, hope you don't mind :)
7 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter