Can you advise me about building a mobile version of my website?

Justin October 25, 2012
Whatsapp Pinterest
Ads by Google

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

  1. josemon maliakal
    October 30, 2012 at 3:36 pm

    it is about advanced css ..using @media templates ..

  2. Patrick Jackson
    October 29, 2012 at 10:56 am

    Try Mobify. It might work with your website!

  3. shaurya gupta
    October 26, 2012 at 3:22 pm

    http://www.smashingmagazine.com/guidelines-for-mobile-web-development/
    I read of web design here...

  4. illegal3alien
    October 25, 2012 at 8:03 pm

    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/

  5. illegal3alien
    October 25, 2012 at 8:03 pm

    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
      October 26, 2012 at 1:24 am

      but i think it is not only resolution issue it is also required change in the basic design

    • Ahmed Khalil
      October 26, 2012 at 1:26 am

      not only resolution u\issue but also tuch facility required new strategy of the site design

  6. Dino Pearsons
    October 25, 2012 at 5:30 pm

    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/

  7. Adrian Rea
    October 25, 2012 at 3:25 pm

    You may want a look at this site as I have found it helpful before.
    http://lessframework.com/

    • salim benhouhou
      October 25, 2012 at 7:55 pm

      thank you for this

    • Ahmed Khalil
      October 26, 2012 at 1:23 am

      thanks for sharing this one

  8. Lisa Santika Onggrid
    October 25, 2012 at 11:59 am

    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/

Ads by Google