Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.
10-03-2012, 05:42 PM #1
iPhone 5 Mock-up Produced With CSS3 Code
Back in January, ModMyi showed you a virtual iPhone made of pure CSS3 code by Web developer TjRus; no images were used in the development at all. Today, another developer that goes by the named of Matt Boldt has mocked up the iPhone 5 using CSS3 code Ė again, no images were used. The image above shows what the iPhone 5 looks like in all of its pure CSS3 glory, or you can take a peek at the actual CSS3 iPhone 5 from this link.
Unlike the iPhone we showed you in January, the iPhone 5 that was made with CSS3 isnít interactive; itís merely for show. It has the lighting gradients and all the button details that are present on the iPhone 5. The camera is centered above the main phone speaker and the ringer/silent switch can be found above the volume buttons. Around the outer band you can see the black notches, as well.
If youíre interested, you can take a look at the source code for the iPhone 5 created with CSS3 code from this link. If you're into in Web design, it's really neat to be able to see behind the scenes as to what kind of work goes into making Web-art like this. Hopefully for some, the work will come off as inspiring.
The creator, Matt Boldt, would love to hear your feedback about the CSS3 iPhone 5, so leave him a note using the contact links on his Web site!
Sources: Matt Boldt via iClarified
10-03-2012, 06:28 PM #2
Uhh, ok. What's the point?
10-03-2012, 06:47 PM #3
- Join Date
- Feb 2011
- Thanked 2 Times in 1 Post
10-03-2012, 06:51 PM #4
10-03-2012, 06:53 PM #5
This is pretty dope considered there was no beginning image. NICE
10-03-2012, 07:07 PM #6
Exactly, I agree
- Join Date
- Jun 2008
- Thanked 3 Times in 1 Post
Who really cares, talk about something interesting.
10-03-2012, 07:13 PM #7
Soooooo how the F#%! is this news!!!!
10-03-2012, 07:20 PM #8
I've seen better, but this kid is young and has good potential. Perhaps he could find a jailbreak for iOS 6 including devices like iPhone 4S and 5
10-03-2012, 08:20 PM #9
MMi can use this to display app screenshots.
10-03-2012, 08:39 PM #10
10-03-2012, 08:56 PM #11
10-03-2012, 09:18 PM #12
To the people that are "Oh how is this news?" or "This is stupid"... Really? This is pretty amazing considering he is 1) 19 years old and 2) he did not use a single image to make this. It's all html magic.
10-03-2012, 09:37 PM #13
10-04-2012, 12:24 AM #14
10-04-2012, 06:28 AM #15
10-04-2012, 10:25 AM #16
nothing is the point, this is pure nerd muscle flexing! it's awesome though, even though there's no practical purpose.
10-04-2012, 11:09 AM #17
10-04-2012, 12:26 PM #18
it's not very good. If it's worth doing, it's worth doing right. I think a severely compressed jpg would be better suited for the web than that. The one from back in January was pretty awesome though.
Whoever called CSS3 dated software is an idiot.
10-04-2012, 12:36 PM #19
Original was better, it actually had some functional screen animations like slide to unlock and a pop-up notification, turn it on/off, etc.
10-04-2012, 12:44 PM #20