Solved

Develop Websites for iPad

Posted on 2011-09-14
6
384 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
  • 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
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Best sites for Apple Games 6 74
Can't get container centered 4 24
Phone Does Not Abide By CSS Breakpoint For Navigation Controls 6 19
Javascript 2 17
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Learn about the eCommerce marketing trends for the year ahead.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

765 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