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?
I am not looking for third-party services which will convert current websites to mobiles ones, I’m willing to code from scratch!
Thanks
it is about advanced css ..using @media templates ..
Try Mobify. It might work with your website!
http://www.smashingmagazine.com/guidelines-for-mobile-web-development/
I read of web design here...
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/
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/
but i think it is not only resolution issue it is also required change in the basic design
not only resolution u\issue but also tuch facility required new strategy of the site design
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-design
http://en.wikipedia.org/wiki/Responsive_web_design
And the article that started it all:
http://www.alistapart.com/articles/responsive-web-design/
You may want a look at this site as I have found it helpful before.
http://lessframework.com/
thank you for this
thanks for sharing this one
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/