Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More.

Hi,

I have a standard website built in ASP.net for registration and everything works fine. However my website appears the same in a web browser as it does in a mobile phone browser, though I found a piece of code to differentiate between a mobile phone browser request and normal web browser requests (C#).

My questions:

1. Can I use this code for optimal differentiation between mobile and PC browsers?

2. I know in order for my site to be displayed as a mobile-friendly version I have to write a separate CSS file. Can anyone suggest a resource or quick guide about how to best create this mobile css version?

MAKEUSEOF VIDEO OF THE DAY
SCROLL TO CONTINUE WITH CONTENT

I am not looking for third-party services which will convert current websites to mobiles ones, I'm willing to code from scratch!

Thanks

josemon maliakal
2012-10-30 15:36:15
it is about advanced css ..using @media templates ..
Patrick Jackson
2012-10-29 10:56:20
Try Mobify. It might work with your website!
shaurya gupta
2012-10-26 15:22:39
http://www.smashingmagazine.com/guidelines-for-mobile-web-development/I read of web design here...
illegal3alien
2012-10-25 20:03:06
Basically you just re-design the site to fit a much smaller resolution.http://www.sitepoint.com/designing-for-mobile-web/http://labs.thesedays.com/blog/2010/07/16/10-tips-for-designing-mobile-websites/
Ahmed Khalil
2012-10-26 01:26:29
not only resolution u\issue but also tuch facility required new strategy of the site design
illegal3alien
2012-10-25 20:03:06
Basically you just re-design the site to fit a much smaller resolution.http://www.sitepoint.com/designing-for-mobile-web/http://labs.thesedays.com/blog/2010/07/16/10-tips-for-designing-mobile-websites/
Dino Pearsons
2012-10-25 17:30:43
In this day and age, the best way to create a mobile website is to use something called responsive design.HTML5 in combination with CSS3 offers something called media queries, which allows CSS to hide and show and resize certain elements depending on the size of the browser that opened the page.Using responsive design will allow you to provide your visitors with custom-tailored designs for large desktop screens, small laptop screens, tablets and mobile phones, all from a single CSS.Here is a list of responsive web examples:http://mediaqueri.es/Some reading material:http://www.abookapart.com/products/responsive-web-designhttp://en.wikipedia.org/wiki/Responsive_web_designAnd the article that started it all:http://www.alistapart.com/articles/responsive-web-design/
Adrian Rea
2012-10-25 15:25:26
You may want a look at this site as I have found it helpful before.http://lessframework.com/
Ahmed Khalil
2012-10-26 01:23:34
thanks for sharing this one
Lisa Santika Onggrid
2012-10-25 11:59:47
First you might want to think: Will the mobile version be a downgraded version from the full site, displaying only list of articles or exactly the same as desktop experience? The CSS will differ based on your decision, but general rules of thumb: Mobile users want the pages loaded in a flash.This might help you:http://www.smashingmagazine.com/guidelines-for-mobile-web-development/http://jquerymobile.com/download/http://perishablepress.com/the-5-minute-css-mobile-makeover/