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.

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.

  

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.

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

• Browser size aware content scaling
• Create a better jQuery stylesheet switcher
• Theatrical movie trailer with jQuery
• jQuery Code Expander
• The Polaroid Photo Viewer - Non-Full Screen

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

Spread the word and submit to:

Comments

Add New Search RSS

Gaya - Nice   2009-02-03 22:50:17 nice one again Marco. And please recharge your phone Reply | Quote

jesseme   2009-02-12 09:04:32 good phone. thank you very much. Reply | Quote

James - Awesome   2009-04-09 12:43:52 That's really, really slick - good work! Reply | Quote

Read more...
Name:
Email:	do not notifynotify Gravatar enabled.
Website:
Title:
UBBCode:	-color-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -size-tinysmallmediumlargehuge

Unsubscribe from e-mail notifications.