Featured Post

An Understanding and Overview of PHP Hosting

PHP  is a widely-used general-purpose scripting language that is especially suited for Web development and can be embedded into HTML. PHP stands for Hypertext Preprocessor. Here is an explanation of PHP that would help you understand this technology. 1.PHP is a scripting language used to write programs...

Read More

Useful Tips for making a web site Mobile friendly

Posted by admin | Posted in Business Web Hosting | Posted on 08-11-2010

Tags: , ,


With the emergence of smart phones, there are lot of things happening in the web-designing and development arena. Apart from considering only the user experience, the clean codes or the CSS (Cascaded Style Sheets), making a website mobile compatible is one of the most important aspects of website designing and development.

With an increasing volume of users for the mobile phones and the packages that are now being offered by the providers, the demand for a mobile friendly websites is on its peak now a days.

Let us now take a look at the factors which would help you create mobile compatible websites

Fluid Width Layouts

Fluid width layouts are considered to be one of the most important steps for making your website mobile compatible. It enables you with the stretching or shrinking the site as per the browser size. But as a matter of fact,to have a layout that flows with the width of the screen’s resolution is more convenient, more often than not the website was originally laid out for a desktop in mind. To compress a fluid layout to 320 pixels can prove to be fatal for the layout. Hence, it is good to have a mobile style-sheet and laying out the content specifically for that screen and have more control on the display.

One of the best things is to try and identify the type of platform which is connected to the site and disable or alter the tools and effects to make it look a level better.

Keeping the Page size to minimum

When in process of creating your website mobile friendly, it is important that you keep short webpages on your site. Considering the fact that, no matter how large a mobile screen is, its still small as compared to a laptop or a PC screen (monitor). Hence, design your webpage with an intention that the users would require to scroll as minimum as possible. Also, webpages that offer short but to the point information are admired by users, this would further help in decreasing the load time.

Assuming that your website would be accessed by users who do not have mobiles with QWERTY keyboards, for them it would be easier if the have to type less. So, shorter urls can be helpful to users.

Easier Navigation and Search bar

Easy and user friendly navigation structure of any website plays a crucial role in its success. So when designing a navigational structure, make it a point that even the mobile users should be able to easily surf through your website. As far as possible try and keep your webpage content in the center, this should ease users from straining their eyes while reading your webpage. A clearly visible search bar with easily findable function keys can prove useful. Google can be considered to be an ideal website even when accessing it over the mobiles. An easy navigation structure can prove to be useful to users.

When it comes to browsing website with a Mobile, take utmost care when writing the Website Code

Clean code is an important aspect when considering the diversity in the handheld devices. Some cell phones might understand only WAP. While some cell-phones would understand WAP2, which enables rendering websites with XHTML and CSS. Most mobiles won’t display tables, floats, frames, JavaScript, and dynamic menus. Usually, no mobile-phone doesn’t support cookies.

But, with the regular improvements taking place day-by-day in the industry of mobile telephony, some mobile manufacturers such as BlackBerry, iPhone etc are capable of supporting almost anything similar to any computer.

GD Star Rating