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?
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 [URL=“http://www.sitepoint.com/forums/4910560”]need a script to detect the device and redirect the device to the correct site.
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:
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.
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.
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.
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/mobile-website-builder-for-wordpress-by-dudamobile
My reply #3 has links to boilerplate CSS.
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/dreamweaver/articles/introducing_new_css_layouts.html
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.
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.
Some good examples of mobile websites you may check for inspiration http://spyrestudios.com/32-examples-of-usable-mobile-website-layouts/