We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message

iPhone 4 Rendered Using HTML5 and CSS3, No Images Needed

A Ukrainian Web developer creates an iPhone 4 using just CSS3 and HTML 5, making us ask, Who needs Flash?

Want to see just how versatile web-technologies are? If so, you will definitely want to check out this neat interactive iPhone 4 created using CSS3. Developed and designed by Ukrainian Web developer Vasiliy Zubach (known online as TjRus), the impressive web-based iPhone was created using HTML5, CSS 3 and JavaScript.

The iPhone 4 rendering not only features the device itself, but also an impressive array of on-screen icons, all of which are made with code rather than images.

The demo includes some other interactive features, such as the sleep/wake button, the home button, and the "slide to unlock" screen, which all work as you would expect. In total, Vasiliy's work is made up of 3395 lines of CSS and 335 lines of jQuery-powered JavaScript code. Head on over to Vasiliy's site to toy around with the virtual iPhone.

This isn't the first smartphone-themed HTML5 demo we've seen lately--in late November, we covered a slick demo from Microsoft that let you get a feel for Windows Phone 7 from the comfort of your iPhone.

[TjRus via The Next Web]

Like this? You might also enjoy...

Get more GeekTech: Twitter - Facebook - RSS | Tip us off | Follow Chris Brandrick

IDG UK Sites

Best camera phone of 2015: iPhone 6 Plus vs LG G4 vs Galaxy S6 vs One M9 vs Nexus 6

IDG UK Sites

In defence of BlackBerrys

IDG UK Sites

Why we should reserve judgement on Apple ditching Helvetica in OS X/iOS for the Apple Watch's San...

IDG UK Sites

Retina 3.3GHz iMac 27in preview: Apple cuts £400 of price of Retina iMac with new model