Each web browser and web capable device present different hurdles for web designers. It’s challenging to create a website structure that works on everything and where navigation is intuitive, text is easy to read, and there is a minimum of scrolling. It’s not at all practical to have one design for desktops, another for an iPhone and still another for tablets. A website needs to remain readable, forms need to submit, images need to scale and your branding needs to come through loud and clear no matter the device accessing the site.
Initially, web developers were converting sites to mobile versions using separate applications with output that didn’t always look or feel much like the full website. Because the output for mobile was via a separate application, changes to the website often meant that separate changes to the mobile version were needed as well. This approach could be both costly and time consuming.
Web developers should be employing HTML5, CSS3 and media queries to make a website available to as many devices and visitors as possible. This way, a website is able to respond to the device that accesses it. Text and images realign, resize and rescale to better fit the screen while remaining readable, delivering a better experience.
2013 has been called “The Year of Responsive Web Design.” Don’t get left behind.