A perfect response
These days people tend to view the web on all manner of portable devices. Phones and tablets are pretty much ubiquitous, and the laptop or notebook appears to have taken the place of the lumbering desktop. Sure desktops are still available, but why bother having a space-hog when you can plonk it on your lap and end up with a nice helping of erythema ab igne.

For the site designer, this means ensuring your site is properly viewable on pretty much every device that is out there. I can remember my early days of being a web designer, and selfishly designing for the 1024x768 resolution, yet ensuring it was viewable on an 800x600 screen. Little did I know that some people were still using the earlier 640x480 resolution - because that's as great as their monitors would display. This saw me having to limit my page widths to a pathetic 600 pixels just for the sake of compatibility, which meant folk with larger screens would have plenty of space on either side of the page.

Things have changed. We now have people using smaller - even tinier screens. So it makes sense to cater for these folk, yet not forcing big screen perverts (like me) to adapt. In comes responsive web design - a fancy way of having the page adjust itself specifically for the screen it is being displayed on. An example is shown above, look! Whether it be iPad™, iPhone™ or Android™ tablet - it's got to fit the screen properly. And if it's a 19" monitor that is being used - then stretch it baby! "Fill dat screen bruv, ya git me?"

Responsive design is important, even. Recently Google has started ranking sites according to their accessibility credentials. This means that the responsive site can expect to achieve a higher position on a search page as opposed to the non-responsive one. So it makes sense to get on board and get responsive. It is highly annoying, and thoroughly alienating when you visit a site on your mobile device, only to find the content unreadable because it is trying to display a full-width, full-size page within that meagre screen. Double-tapping the screen to zoom in on the page, then having to swipe horizontally back and forth just to read the text. Not too helpful.

I will be honest, learning responsive design was daunting, but it is what is required in this age of wildly differing screen resolutions. You have to pull your finger out and get with the times. Netscape 4 is long gone. CRT monitors are pretty much done with. Apple have released a watch now. Expect people to be viewing web pages on their wrists! It's called progress.
* * *

No comments:

Post a Comment

The small print

This site copyright © Ray Murray. Proudly serving teh internetz since , back in them thar days of Geocities (pre-Yahoo! Geocities too). All rights reserved. Suitable for vegetarians. Other sites and/or blogs are available. Serving suggestion only. Shake before use. Boiling may impair the flavour. May contain nuts. May irritate eyes. For indoor or outdoor use only. For use by trained personnel only. Do not operate at high or excessive speeds. Do not use while sleeping or unconscious. Not for weight control. E&OE (Errors and omissions expected). Remember you are not a salmon.

As well as catering for the new-fangled Retina™ display, this site is compliant with current HTML5 and CSS3 web standards, and is also fully responsive (which is sure to please them SEO bods over at Google). You are therefore advised to use an up-to-date browser. Ye Olde Oake IE6 and Netscape 4.78 just will not cut it anymore. That said, even IE11 may also bring shame and tribulation down on your viewing experience. As for Microsoft Edge™, who knows what that will bring.

Your comments are appreciated, nay, important. Come and dip your toe in - while it is still legal, of course. You need simply click that grey speech bubble button on the right, and leave your pawprint. Go on, I'll buy you some chocolate. And an elephant.

Random thought: