user profile image

This is just an experiment! There are certainly better ways to show an image of a MacBook, but none as fun as this :)


  1. Brilliant! Excellent work!

  2. Thanks, @Andy McFee!

  3. Wow. Just wow.

  4. Haha, thank you, @Chris Mounsey :)

  5. Damn, nice Joshua!

  6. @Jack Rugile Thanks, mate!

  7. This is exquisite.

  8. Thank you, @Shadi!

  9. Daaaaaaaanng! Saweet!

  10. :D thanks, @Keith Wyland!

  11. Woah.. That's impressive. I'd like to learn your methodology! Can you show us how?

  12. @sirjonathan Thank you! When I get a chance, I'll write up a blog post on how I did this, and post it to my site: http://joshnh.com

  13. Oh come on Josh, this is goddamn amazing ! When I do things, you do it with only one single element. Always smarter ! :P

  14. @Hugo Giraudel I appreciate the kind words, although I do have to disagree :p Your work is freaking awesome, and inspires me to push myself!

  15. Thats really cool. Bravo!

  16. Wow this is freaking awesome!! Good job man!!

  17. <i>cred</i>ble

  18. Totally Awesome. It's even possible to add some text to the bottom of the display to mimic the non retina MBPs. http://codepen.io/FWeinb/pen/dEnbz

  19. Fantastic!

  20. wow cool cool!

  21. Thank you all very much!

  22. Impressive work, @Fabrice Weinberg!

  23. cool!

  24. really nice

  25. very nice work! very impressive!

  26. Very good! Inspiring!

  27. Really nice work!

  28. 62,5k views and 115 likes in few hours, pretty nice Josh. :P

  29. Thanks, guys!

    @Hugo Giraudel It's crazy!

  30. I can see more and more of this kind of thing happening in the future. Looks great!

  31. Unbelievable man!

  32. Thanks for the kind words!

  33. Craziness! Thanks for finding that, @Chris Coyier.

  34. Great work, really like it

  35. Very clever.

  36. This is legit. Great work. Really clean in aesthetics and code. Love it dude!

  37. WOW. Just: W⋅O⋅W.

  38. Could you make me an iMac? XD Seriously this is quite impressive!

  39. Almost 100k views and 200 likes. Pretty impressive Mr. Hibbert, pretty impressive. :P

  40. Great work ...! i just add iMac on this family http://codepen.io/10tribu/pen/Kfplx (without footer at this moment)

  41. @Hugo Giraudel Just ticked over, crazy!

  42. congratz on 100k+ views....u rock!

  43. woah! nice high score.

  44. This is absolutely amazing. I just started using Code Pen and holy shit. I've been missing a lot lol.

  45. @mehmetbolak Thanks! Feel free to play around with it and experiment :)

  46. Impressive. True work of art!

  47. Impressive! Simply Wow!

  48. Holy schnikies! I can't believe I just barely discovered this. Usually these 'pure css' images and logos are just gigantic lines of css, but this is so simple! Thanks!

  49. No worries, Patrick. I'm glad you like it!

  50. By the way, you can watch a walkthrough of me creating it here: http://joshnh.com/pfp6

  51. Incredible! Can you speak to the creation process here? How long did it take and what's your process for constructing something like this?

  52. From memory, it took about an hour and a half to get it just as I wanted it. You can see my process in the link directly above your comment. That wasn't the exact process I followed, but it's pretty close.

  53. Reaaaly neat design. Congrats @joshnh

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.