Designing a Site That Will Look Great on Desktop/Mobile Devices

[The_Grudge]

I'm relatively new to the ASP.NET world. I have created a single website for my work but my schooling was in VB 6.0. I've been moving more towards the Visual Studio Express side of things lately (ASP/VB.NET) but with only one website and CSS sheet under my belt I still have a lot to learn.

Anyway, I've been asked to build another website for my work with a small twist this time. While there won't be many users (at least at first), the majority of those who do visit the site will be doing so with an iPad. Most of the managers where I work now use iPads so they will want to view the site on the go wherever they may be.

My question is - using ASP.NET and CSS, what do I need to know to make the site flexible enough to view on mobile devices, but decent enough to view on desktops as well. I believe the iPad screen is 1024x768 so I'm thinking that would be a good page size, but beyond that I could use some tips/tricks/things to be mindful of.

Thanks.

[techgnome]

don't use flash... and test using Safari and Opera, then Firefox and IE secondary, then chrome. Since it'll be used on an iPad, any major changes that would need to be made for mobile devices is virtually non-existant... unless you need it also work on something like a driod or iphone... in which case you need to make sure the site scales downward in size as well... the resolution on an iPad is fairly decent and comparable to what you're going to get on many desktops.

-tg

[gep13]

Hello,

If I were developing a website that had to work in multiple platforms, I would be using ASP.Net MVC and HTML 5. Throw in some jQuery and you can make a site render pretty much however you like, both on the desktop and on mobile platforms.

Gary

[sapator]

There is a difference here.
If you need to create a site on ipad then you have plenty of space.
You original question however read "mobile" .If you need to create it for this tiny little turds that apple calls iphones then you should probably create 2 different versions, one for mobile and one for desktop n ipad.