SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    SitePoint Member
    Join Date
    Jun 2012
    Location
    philipines
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to build mobile website?

    I want my website can be access from mobile phone but you know i want it display fit on any mobile phone screen. What i want is not only web for mobile device but its also can be access via computer. Lets say i already a website now, <snip/> and i want my website can be access from mobile phone. i often see, usually it use sub domain like
    m.namedomain.com. How can i do that?
    Last edited by Mittineague; Jun 25, 2012 at 01:17. Reason: removing unnecessary link

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,214
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    There are various ways to make a site fit to mobiles. You can, for example, just style it differently for different devices. Or you can build a separate site and place it in a subdomain like m.mysite.com. Then you need a script to detect the device and redirect the device to the correct site.

  3. #3
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,340
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I've been studying this a lot lately and adding important links to my web site for reference. Take a look at them and see if they will help you:
    http://iphonedevlog.wordpress.com/ph...r%20Guidelines

    In a nutshell:

    "Fluid layouts" section will teach you how to compress or expand content across different screen sizes.
    "Fluid images" section has links that talk about images and their resizing or replacement across different screen sizes.
    "Media Queries" section has the information on detecting screen sizes and applying the right CSS for each range of sizes.

  4. #4
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    also go ahead and check this site for mobile development...http://jquerymobile.com/
    Ensure you use a professional translation service for all your
    needs. | PC specialist

  5. #5
    SitePoint Member
    Join Date
    Jul 2012
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here is a good resource i found recently, i hope it helps http://www.thoseios.com/category/frameworks-libraries/

    As ralph.m suggested, you can use a script in your root dir to detect the mobile devices and redirect them to m.yoursite.com automatically if you want.

  6. #6
    SitePoint Zealot Sogo7's Avatar
    Join Date
    May 2011
    Posts
    129
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Surprised nobody has mentioned using a responsive 'boilerplate' CSS system like Skeleton?

    You code the site up using predefined building blocks and it automatically scales images and column widths to fit the display area available.
    Lovelogic.net Personal Projects Pit - Spammers welcome

  7. #7
    SitePoint Enthusiast akhomiyar's Avatar
    Join Date
    Feb 2011
    Location
    India
    Posts
    91
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kickbond View Post
    I want my website can be access from mobile phone but you know i want it display fit on any mobile phone screen. What i want is not only web for mobile device but its also can be access via computer. Lets say i already a website now, <snip/> and i want my website can be access from mobile phone. i often see, usually it use sub domain like
    m.namedomain.com. How can i do that?
    Hey K,
    I was also looking to convert my Wordpress website into a mobile friendly site where I came across this Mobile Website Builder for Wordpress by DudaMobile. It works with all wordpress themes. It has three simple steps to follow- installing the dudamobile wordpress plugin, customizing your mobile website or use the site editor and publish!! Absolutely amazing.. it does the m.namedomain.com automatically.... thanks DudaMobile

    This is a great way to making your website mobile friendly. I just loved it. It is simple, easy- no coding is required..this is one great thing noncoders like me loved about this plugin . And more over the dudamobile.com has the facility to convert non-wordpress website too and to add to it, the service comes in both free & paid versions too

    Check it out at http://wordpress.org/extend/plugins/...-by-dudamobile

  8. #8
    SitePoint Wizard
    Join Date
    Feb 2007
    Location
    Southern California
    Posts
    1,340
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Sogo7 View Post
    Surprised nobody has mentioned using a responsive 'boilerplate' CSS system like Skeleton?

    You code the site up using predefined building blocks and it automatically scales images and column widths to fit the display area available.
    My reply #3 has links to boilerplate CSS.

  9. #9
    SitePoint Member
    Join Date
    Jun 2012
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There are lots of ways to build website which is accessible from all devices. I suggest you to use Liquid Layout for your web designing, which will help to make cross browser compatible website. If you are using liquid layout for your website designing then it will fit with all browser screen. For more information about liquid layout you can follow the link:
    http://www.adobe.com/devnet/dreamwea...s_layouts.html

  10. #10
    SitePoint Member
    Join Date
    Sep 2012
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Responsive website design is the latest techniques wherein a website layout automatically resizes according to device screen. With the help of HTML 5 you can easily build a responsive website design which is compatible with Mobile, tablets and computer.

  11. #11
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,214
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by henrywinsett View Post
    With the help of HTML 5 you can easily build a responsive website design
    How does HTML5 help? I thought it was a markup language, rather than a layout/presentation language (the job of CSS).

  12. #12
    SitePoint Enthusiast sophieschoice's Avatar
    Join Date
    Mar 2009
    Location
    Belgium
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    How does HTML5 help? I thought it was a markup language, rather than a layout/presentation language (the job of CSS).
    You are totally correct. You can make even an XHTML 1.0 strict website responsive. It's all down to the use of CSS, to make a website responsive.

  13. #13
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Norcross, GA 30092
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Some good examples of mobile websites you may check for inspiration http://spyrestudios.com/32-examples-...bsite-layouts/


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •