What is a best way to develop your website in mobile friendly version? I need a mobile friendly version of my site. Please share some quality information.


4 Answers

Yo Kass Profile
Yo Kass answered

Well, the short answer would be to implement some "responsive design" principles.

This means the layout and content of your page needs to adapt and respond to changes in window size or device screen size, and enable you to display your website in a neat way on mobile.

For example:

I can't really give you a full lesson in responsive design (mainly because I don't know much about the technical side of it), but personally I think you should look at adapting your site for mobile viewers in 3 stages:

Optimize your content - you have a very nice website, but it's super busy with all sorts of things going on, and lots to read and see.

Even if you manage to squeeze everything into a 1136 x 640 pixel screen, it's just too much to take in.  So work out what you need to keep, and what you can do without.

Flexible grids and media queries - Flexible grid structures are the basis of responsive design. If you're not using something like that already, it's time to look into it. There's plenty of reading you can do on the web (here and here for example), and if you can watch tutorials on Code Academy or Treehouse as well.

If you want a shortcut, you could always use an "out-of-the-box" template or theme.

Testing on different devices - Even when everything looks good when you're looking at your code, it's always important to test things out on a number of devices and browsers.

Remember, it's not just about switching from desktop to mobile - you have to worry about differences in screen size and display on all the different mobile devices too.

Although you want to appeal to everyone, it's often more sensible to focus on where your core market is going to be.

So maybe don't worry about outdated mobile devices or browsers that have a small market share initially.

Testing and retesting is the best way to make sure you've implemented everything properly, and it also allows you a window into the user's perspective that is very valuable when you're spending hours looking at code.

Didge Doo Profile
Didge Doo answered

Cass has given the definitive answer but if that's beyond your technical expertise there are still ways around it.

Many providers offer ready-made web sites that allow you to tweak them easily for mobile devices. Wix is one such company. I've been using them for about eighteen months.

You can find them here: http://www.wix.com/

Jessica Martin Profile
Jessica Martin answered
Though I have worked with many internet marketing companies, but got satisfactory services only from Thinsquare. The staff at Thinsquare has massive talent!
Shruti Desai Solanki Profile

Today’s version of a mobile friendly
website is the one that fits the screen size of the mobile. Today, mobile
phones have evolved greatly such that they are packed with solid computing
power and memory. Having said this, the internet browsers are able to manage
heavy websites, but what they can’t do properly is render them well on the
limited screen size. To overcome this challenge, you need not have to develop a
separate version of a website for your mobile. Any web design company Dubai has to offer will let you know that having
multiple versions of websites is not a good idea in today’s age. Instead, you
can simply opt for responsive websites.

are responsive websites
? These are websites that have fluid layout, which
means, they take the form of the screen, be it desktop, laptop, tablet, or
smartphone. Having said this, the website will appear uniform on all the
devices. And this is smartly done with the use of tweaks in CSS, using variable
size images, and planning layouts that will appear great on all the screen

A responsive website is designed to be
mobile-friendly, which means you can do the same things on a handheld device
that you would otherwise do on a desktop. You need not have to worry about how
the website will look, once you approach any Dubai web designer to tweak the existing website for making it
responsive. Also, you need not have to spend significantly to design and host a
mobile version of the website, and think about its content, SEO, and other
parameters. A responsive design eliminates all the worries.

Answer Question