Placed in: Home arrow Programming arrow The iPhone Springboard in xHTML, CSS and jQuery
The iPhone Springboard in xHTML, CSS and jQuery

Last week, I wrote an article on how to create the iPhone Unlock Screen using xHTML, CSS and jQuery. As stated in the article, I would really love to tranfer more of the sleek iPhone design to a webpage. The next obvious step for me, was to create the iPhone Springboard in xHTML, CSS and jQuery.

The iPhone Springboard in xHTML, CSS and jQuery

Chris Coyier from CSS-Tricks allowed me to place the article over at his website (Thanks Chris!). If you want to know how I created the iPhone Springboard, make sure you read the article on CSS-Tricks.

Demo The iPhone Springboard in xHTML, CSS and jQuery   Download The iPhone Springboard in xHTML, CSS and jQuery

I'm planning to make some more of these "iPhone style" webpages, so subscribe to the feed if you want to keep updated.

For a full overview of the features, known issues, resources and how the page was created, read my article on CSS-Tricks.


Tags:  iphone mac springboard jquery xhtml css

Interested in this topic? You might enjoy another article I've written called

Did you like this article? Subscribe to my feed or email to keep updated on new articles.

Spread the word and submit to:
Digg!Reddit!Del.icio.us!Facebook!StumbleUpon!
Comments
Add NewSearchRSS
Gaya - Nice   2009-02-03 22:50:17
Gravatar image B) nice one again Marco.
And please recharge your phone :whistle:
jesseme   2009-02-12 09:04:32
Gravatar image good phone.
thank you very much.
James - Awesome   2009-04-09 12:43:52
Gravatar image That's really, really slick - good work!
Koomo - What to say???   2010-03-08 04:10:31
Gravatar image Just great
Nick   2010-05-15 17:38:33
Gravatar image This jQuery script has been so inspiring, and I based my site http://www.codethemed.com off of it. I have expanded it to even have SpringBoard pages as well as "power off" and "slide to answer".

Thanks for the tutorial :P
Bhaskee - re: Source Code request   2011-07-28 05:28:14
Gravatar image
Nick wrote:
This jQuery script has been so inspiring, and I based my site http://www.codethemed.com off of it. I have expanded it to even have SpringBoard pages as well as "power off" and "slide to answer".

Thanks for the tutorial :P


Nick! That was awesome implementation. Could you possibly share your source code please? Iam planning to implement the same functionality on my site for the portfolio/gallery page which is currently offline! :( Any help would be greatly appreciated! thanx in advance. :D
Read more...
Name:
Email:
  Gravatar enabled.
Website:
Title:
UBBCode:
[b] [i] [u] [url] [quote] [code] [img] 
 
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Security Image
Please input the anti-spam code that you can read in the image.
Unsubscribe from e-mail notifications.
 
< Prev   Next >
Subscribe

Subscribe to Marcofolio