Solved

Develop Websites for iPad

Posted on 2011-09-14
6
381 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

 
LVL 4

Author Comment

by:asp_net2
Comment Utility
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
Comment Utility
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
Comment Utility
Thanks LZ1 for your input. I will definetly look at those....
0

Featured Post

Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Hangfire / asp.net sample 3 27
Set cookies HttpOnly and Secure 4 50
Why don't I see this table in EDMX file? 2 19
modify h2 4 8
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
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.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

772 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now