Introducing 9lessons iphone Web Application.
Wall Script
Follow Me:
Sunday, March 14, 2010

Introducing 9lessons iphone Web Application.

Today I am introducing 9lessons labs iphone web application. In this post I want to present application screeshots and some tips about how to design iphone web application. It is so simple just some CSS width changes. Try this below link with IPhone and give your feedback. Thanks !
iphone link : http://touch.9lessons.info

iphone applicationiphone application

I had designed these below wireframes with iplotz.com. It is very nice online tool for wireframe design.
iphone wireframeiphone wireframe
touch.9lessons.info

CSS Design
Width I had used percentage(%) formate eg: width : 25%

If you don't have iphone, you have to download iphone emulators desktop tools.
  1. Safari Emulator iBBdemo Download link
  2. Firefox 3.0 Addon iPhone Emulator download link.
My Profile : touch.9lessons.info/9lessons
iphone wireframeiphone wireframe
Sample CSS Code - Menu list.
ol#menu
{
list-style:none;
font-size:12px;
font-weight:bold;
text-align:center;
height:14px;
}
ol#menu li { width:25% ; float:left; }
touch.9lessons.info
Was this article helpful?
Thanks! Your feedback helps us to improve 9lessons.info


8 comments:

  1. Wow that looks great. Well Done

    ReplyDelete
  2. It's going to be a great article !

    ReplyDelete
  3. Really nice Srinivas, good luck

    ReplyDelete
  4. very nice srinivas .thank to u r service...
    www.bestmoneyplace.com

    ReplyDelete
  5. thank you srinivas...i am looking for the same...

    ReplyDelete
  6. Good work.., Keep it up..,

    ReplyDelete

Make in India