Solved

Develop Websites for iPad

Posted on 2011-09-14
6
385 Views
Last Modified: 2012-05-12
Hello Experts,

I need to start designing and developing ASP.NET Websites for the iPad. Basically I just need to make sure the website is iPad friendly and would like to know where I can find some good resources to learn from.

All sites that I create will use CSS and ASP.NET 4.0 C# (if that matters).

I'm also not sure if I should use HTML 5 for the iPad. Any thoughts on that? Is it still to new to use for iPad?
0
Comment
Question by:asp_net2
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
6 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 36535922
I'm actually starting on this little endeavor myself.  I've found some great resources so far:

http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/ <<Started with this
http://www.sencha.com/products/touch/  <<Working with this one too in a separate app

If your going to do a mobile website, then you can use HTML5/CSS3 for those applications. However, just make sure it degrades nicely for people viewing it on a desktop PC/Mac.  IMO I think we need to start embracing this technology more. The iPad and other tablets are just the start.

The server side language you use is completely up to you(ASP.net, PHP, C#, etc.) This won't affect anything on the users' side.  
0
 
LVL 4

Author Comment

by:asp_net2
ID: 36536081
Hi LZ1,

Yeah, I agree, you can't leave them out of the loop. Alot of people use tablets/mobile devices these days especially the iPads. Hence the reason why I need to make sure my site look good using the iPad for my project since all employees in my company are using the iPad.

I will use HTML5/CSS3 for it. Do you know though if Safari for the iPad supports HTML5/CSS3?

I never heard of http://www.sencha.com/products/touch/  before. Is there a reason though that you are using a framework for developing for the iPad rather than just designing the site to look good for the iPad?
0
 
LVL 30

Expert Comment

by:LZ1
ID: 36536109
You can view browser support here:  http://www.findmebyip.com/litmus/
Not all browsers support all attributes. However iPad and iPhone use a mobile version of Safari and yes they do support HTML 5 and CSS 3.  

I'm using a framework because I'm developing a web app, rather than a platform specific app. Most of the ground work is already done for you and you don't have to worry about the little inconsistencies. It's just making development that much easier really.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 4

Author Comment

by:asp_net2
ID: 36536197
Ok, is http://www.sencha.com/products/touch/  the best you have found so far that's free?
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 36536218
That and Jquery Mobile. Hands down best ones I've found for free so far.  I basically kept those 2 on the top of my list, but since they both meet my needs, I've stopped looking.

What you may want to read first though is a few articles that I've come across. Great resources in regards to mobile web design.

http://www.alistapart.com/articles/responsive-web-design/ 
http://www.smashingmagazine.com/guidelines-for-mobile-web-development/
http://www.smashingmagazine.com/2010/12/02/a-study-of-trends-in-mobile-design/
0
 
LVL 4

Author Closing Comment

by:asp_net2
ID: 36536227
Thanks LZ1 for your input. I will definetly look at those....
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

749 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question