Did you know that nearly 85% of mobile phones sold in 2011 were web enabled (According to the MobiThinking Global Mobile Stats)? And I’m sure these guys were quite happy to be able to reach their favorite websites using their phones, despite the fact that many of them had to zoom in and out every now and again to be able to read portions of the web page. I bet you have experienced this frustrating process with your smartphone, too: trying to tap on a button that is actually intended for interaction with a mouse, not your fingertip, resizing the pictures and scrolling, scrolling.. and scrolling.
Luckily, today we have the RWD – responsive website design. It allows you to bypass the need of creating a separate mobile version of your website by making your primary website perfectly viewable across different devices. How to make it responsive? Basically, web designers involved in creating responsive sites use fluid, proportion-based grids, CSS3 media queries and adaptive images. This means you will have a single, ‘stretchable’ website that will work both for mobile devices and desktops. There will no need for a separate mobile website.
However, even if you don’t have the slightest idea about what these terms (CSS3, proportion-based grids… etc.) stand for, you still can build a website that will be adapting its layout to the viewing environment. I’m happy to inform you that many of the website builders now offer Mobile Editors allowing you to restyle the buttons and links to be more tap-friendly; change navigation buttons’ positions; optimize images etc. Below is a list of site builders that come with inbuilt Mobile Editors: