Check Out This Interactive HTML5 iOS 7 Mock-Up

Ahead of WWDC13, developer Steve King gives us a ‘first look’ at what a redesigned iOS 7 with flatter, less skeuomorphic design elements would really look like.

ios7html

 

Ahead of WWDC13, developer Steve King gives us a ‘first look’ at what a redesigned iOS 7 with flatter, less skeuomorphic design elements would really look like. King’s mockup is  all done in HTML, CSS and Javascript, meaning it’s fully interactive in any browser.

Based on a combination of leaked photos and the new WWDC app highlighted in our iOS 7 rumour round-up, changes to the OS will likely consist of a flatter aesthetic and less gradients.

Skeuomorphic elements will also be taking a back-seat. For anyone not au fait with the term, skeuomorphism refers to elements imitating reality. This means we can expect the Notes app to look less like a notepad for example, instead, providing a simple, clean, text ready canvas.

This should result in a consistent feel throughout each of Apple’s proprietary apps; with a black headers and tab bars as well as colour-coded accents on buttons and details helping differentiate from one app to the next.

This concept is intended to be a fun way for people to interact with an idea. From a technical point of view, the challenge was to build this entire concept without using any images and instead, building the iPhone, icons and apps solely out of CSS and HTML code.

While it’s unlikely that Apple will release a hot pink iPhone 5S off the bat, the idea of different coloured iPhones has been flying around for some time. As such click the colour picker underneath the phone to try out different tones.

Check out the mockup here

[via]



SUPPORT FSM

Monero (XMR) 43GnqUNJrTi9QyL7kEH8vM8pgWGCE6bjv1FSRipeNMM4TTeNnUVsRBb6MfMpQYxtLE7ReonxVVSXz2rFCEdW5H11LC3x73b
Bitcoin (BTC) 3PvaJPytg4pApTP5yCGpr62pRtudMgyfMQ
Ethereum (ETH) 0xd3c8677A4CfD9e8b4dFBb7720be2adb490Bd36b2