Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.
Thread: iPhone 5 Mock-up Produced With CSS3 Code
is a discussion within theiPhone News
forums, a part of theGeneral iPhone
section;...
-
10-03-2012, 04:42 PM #1MMi Staff Writer
- Join Date
- Sep 2011
- Location
- Florida
- Posts
- 4,472
- Thanks
- 140
- Thanked 542 Times in 391 Posts
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, 05:28 PM #2
Uhh, ok. What's the point?
-
10-03-2012, 05:47 PM #3
-
10-03-2012, 05:51 PM #4
Blah. Oh now i see it.
-
10-03-2012, 05:53 PM #5iPhone? More like MyPhone
- Join Date
- Dec 2009
- Location
- West Covina, CA
- Posts
- 221
- Thanks
- 4
- Thanked 18 Times in 16 Posts
This is pretty dope considered there was no beginning image. NICE
-
10-03-2012, 06:07 PM #6
Exactly, I agree
Who really cares, talk about something interesting.
-
10-03-2012, 06:13 PM #7
Soooooo how the F#%! is this news!!!!
-
10-03-2012, 06: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, 07:20 PM #9iPhone? More like MyPhone
- Join Date
- Oct 2009
- Location
- Newnan, GA, USA
- Posts
- 109
- Thanks
- 2
- Thanked 2 Times in 2 Posts
MMi can use this to display app screenshots.
-
10-03-2012, 07:39 PM #10
-
10-03-2012, 07:56 PM #11Livin the iPhone Life
- Join Date
- Feb 2009
- Location
- Texas
- Posts
- 1,056
- Thanks
- 4
- Thanked 86 Times in 59 Posts
::yawn::
-
10-03-2012, 08:18 PM #12The Unknown
- Join Date
- May 2012
- Location
- Antarctica
- Posts
- 2,685
- Thanks
- 415
- Thanked 921 Times in 594 Posts
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, 08:37 PM #13
-
10-03-2012, 11:24 PM #14Starbucks Artist
- Join Date
- Jan 2011
- Location
- Bakersfield CA.
- Posts
- 2,308
- Thanks
- 146
- Thanked 199 Times in 154 Posts
-
10-04-2012, 05:28 AM #15
-
10-04-2012, 09: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, 10:09 AM #17
-
10-04-2012, 11:26 AM #18iPhone? More like MyPhone
- Join Date
- Oct 2010
- Location
- Amarillo, TX
- Posts
- 165
- Thanks
- 9
- Thanked 13 Times in 8 Posts
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, 11:36 AM #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, 11:44 AM #20Livin the iPhone Life
- Join Date
- Jan 2010
- Location
- Dallas, TX
- Posts
- 2,252
- Thanks
- 8
- Thanked 241 Times in 203 Posts




LinkBack URL
About LinkBacks
Reply With Quote

