Incredible! OS X Lion Has Just Been Emulated In Your Web Browser Using Only CSS3

Incredible! OS X Lion Has Just Been Emulated In Your Web Browser Using Only CSS3

Remember that amazing interactive iPhone we posted about a while back that was made up of nothing but CSS 3 + Javascript, with absolutely no image files used for rendering at all?

Yeah, that was pretty impressive. But you know what’s even more killer? How about Roman web designer Alessio Atzeni’s spiritual followup, which emulates Mac OS X Lion’s boot, login and desktop screens using only CSS3 properties, and no image files at all.

Amazing. Check out the full demo here. Steve Jobs was right: who the heck needs Flash?

Related
  • iAidan

    Its funny because this is more stable then the actual OS

  • Gill Squid

    That space background seems like it would have taken a lot of time to create just using CSS3 properties.

  • Sean Smith

    I’d like to know how “no images at all” were used. Are you saying he used vector graphics to draw everything from the Apple logo to the folder icons?

  • richbradshaw

    If you ignore all the images, then you are right, there are no images! Also, if you ignore the javascript, then it’s pure CSS3. Well, if you ignore the CSS 1, 2 and 2.1 properties.

    Oh, and ignore the HTML as well.

  • daslive

    genial, gracias

  • vistarox

    Hey bro,

    I heard you like OS X Lion. So I put OS X Lion inside of OS X Lion so u can use OS X Lion while using OS X Lion

  • Brock Spillman

    I say he needs to close a couple of of those tabs….

  • John Howell

    Hmm, doesn’t work for me in mobile safari 8(
    And CoM, when I select he switch.at the bottom of your mobile page on my phone, I get sent right back to the mobile format again, which is broken with some kind of advertising bar that won’t stay out of the way.

  • Arron Hunt
  • David Butt

    John, you need to read the author’s webpage: http://www.alessioatzeni.com/b

  • mlahero

    Um…. we could do this with just CSS2 and javascript. How is this impressive at all??

    As for “who needs Flash?”, the answer is; people with creative imagination and who actually want to see something new and original.

    But keep banging that drum Brownlee. Keep banging that drum.

About the author

John BrownleeJohn Brownlee is a Contributing Editor. He has also written for Wired, Playboy, Boing Boing, Popular Mechanics, VentureBeat, and Gizmodo. He lives in Boston with his wife and two parakeets. You can follow him here on Twitter.

(sorry, you need Javascript to see this e-mail address)| Read more posts by .

Posted in News | Tagged: , , , , |