Apple Keyboard

Apple-keyboard2

24 Responses

  1. Pro Levi Wintering Levi Wintering

    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

  2. Pro Nathan Walker Nathan Walker

    Well, it's definitely pixel-perfect.

    likes

    about 1 year ago

  3. Christopher Blake Christopher Blake

    i love this its fantastic!

    likes

    about 1 year ago

  4. Pro Alex Parker ⇢ ☁ Alex Parker ⇢ ☁

    I want

    likes

    about 1 year ago

  5. Nemanja Milosevic Nemanja Milosevic

    nicely done :D

    likes

    about 1 year ago

  6. Pro Dennis Covent Dennis Covent

    Love this!

    likes

    about 1 year ago

  7. Pro Aaron Sananes Aaron Sananes

    Excellent work!

    likes

    about 1 year ago

  8. Pro Helder Oliveira Helder Oliveira

    even better than the original! :)

    likes

    about 1 year ago

  9. Pro Alex King Alex King

    wow...i dig it!!!!

    likes

    about 1 year ago

  10. Pro Kyle Gray Kyle Gray

    Spot on!

    likes

    about 1 year ago

  11. Pro John  ♖♜ John ♖♜

    So simple and yet sooooo awesommmmeee

    likes

    about 1 year ago

  12. Pro Louie Mantia Louie Mantia

    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.

    likes

    about 1 year ago

  13. Pro Levi Wintering Levi Wintering

    @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!

    about 1 year ago

  14. Pro Mathieu Berenguer ▲▼▲ Mathieu Berenguer ▲▼▲

    Nice work !

    likes

    about 1 year ago

  15. Larry Chen Larry Chen

    Thanks for liking the WebOS keyboard :)

    likes

    about 1 year ago

  16. Andrey S. Rodrigues ☝ Andrey S. Rodrigues ☝

    great job!

    likes

    about 1 year ago

  17. Rodrigo Moraes Rodrigo Moraes

    Beautiful!

    about 1 year ago

  18. Rodrigo Moraes Rodrigo Moraes

    Beautiful! I just think the font could be a bit bigger...

    about 1 year ago

  19. Pro Louie Mantia Louie Mantia

    @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.

    likes

    about 1 year ago

  20. Pro Levi Wintering Levi Wintering

    @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!

    about 1 year ago

  21. 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

  22. Pro Garrett Godsey Garrett Godsey

    gorgeous!

    about 1 year ago

  23. Alicia Loh Alicia Loh

    Whoa there.

    8 months ago

  24. 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