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
I had designed these below wireframes with iplotz.com. It is very nice online tool for wireframe design.
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.
- Safari Emulator iBBdemo Download link
- Firefox 3.0 Addon iPhone Emulator download link.
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
{
list-style:none;
font-size:12px;
font-weight:bold;
text-align:center;
height:14px;
}
ol#menu li { width:25% ; float:left; }
Wow that looks great. Well Done
ReplyDeleteIt's going to be a great article !
ReplyDeleteReally nice Srinivas, good luck
ReplyDeletevery nice srinivas .thank to u r service...
ReplyDeletewww.bestmoneyplace.com
thank you srinivas...i am looking for the same...
ReplyDeletelooks great...interesting srinivas
ReplyDeleteVery Nice Share Man... Thx
ReplyDeleteGood work.., Keep it up..,
ReplyDelete