Last update: 07-Dec-2013 3:12 am
Saturday, December 07, 2013
Trinidad & Tobago Guardian Online
You are here
Doing the fluid Web
If there’s a single buzz word that’s been consistently a part of discussions about web design over the last six months or so, it’s responsive design.
Unlike parallax design (another popular concept which can also be made responsive), which puts all the content of a Web site into a single scrolling page designed to break like a series of slides, responsive design depends on a lot of behind-the-scenes code to do something that seems perfectly normal, reflowing the content of a Web site so that it’s optimised for reading on different devices.
That wasn’t a problem locally as recently as a year ago. Back then, in the dim mists of broadband history, only the fearless dared to load a Web page using an EDGE data network, so seeing anything in a phone’s browser was something of a miracle.
More than three-quarters of the way through 2013, it’s becoming increasingly clear that T&T handheld device users will begin to account for a much larger share of Web site visitors than ever before.
If you offer content on the web and want it to be readable, it’s time to make the jump to responsive design. Chances are if you’re serving content regularly, you are already using a database driven solution which separates content and chrome, normally a design theme you add to the software.
In normal-speak that means that the words and pictures are served by an essentially invisible database engine and the way they are presented is governed separately by the theme’s design code.
The most common and friendly way this gets done is with software by WordPress, though high-end, content-rich Web sites use more powerful systems like Joomla and Drupal which operate on the same principles.
Regardless of the source, however, responsive sites work pretty much the same way when they hit a browser. First, the code runs a quick test to see where it is, referencing the user agent code that identifies the browser type.
Then it assigns a stylesheet to the content which changes the look and feel of the content quite dramatically, shrinking graphics and increasing the size of text.
HTML gurus will laugh uproariously at this wild oversimplification of the code engine of responsive design, but the outcomes are pretty similar across browsers and viewing platforms.
Responsive design, as it turns out, is less a hassle than an opportunity, because it’s come along at roughly the same time that webfonts have begun to find wider acceptance.
While the results are less precise that most print designers might care for, these new design elements make for more readable and attractive text on small screens.
I’d switched my online archives for this column to a responsive layout two years ago, but only migrated my blogs a month ago.
The reason was an all too commonplace one. I really liked the design of my old theme, but the developer finally decided that he wouldn’t be updating his code, and I had a choice between serving an attractive page that offered the equivalent of four point type on a modern mobile phone’s browser or switching to a responsive solution.
My final driver for this exhausting revision of my online content was the new local reality of mobile phone consumption fuelled by 4G.
I review the three statistical packages that monitor my website’s readership somewhat addictively and by screen size, it was clear that consumption on such devices is inching up steadily.
With much of this work behind me now, I have to report that such efforts will not necessarily win you new readers or amplify your audience.
What’s at stake here is matching your content to the changing consumption patterns of your audience and ensuring that you don’t lose them to substandard online rendering of your work.
Read an expanded version of this column online here: (http://ow.ly/adAll).
User comments posted on this website are the sole views and opinions of the comment writer and are not representative of Guardian Media Limited or its staff. Guardian Media Limited accepts no liability and will not be held accountable for user comments.
Please help us keep out site clean from inappropriate comments by using the flag option.
Guardian Media Limited reserves the right to remove, to edit or to censor any comments. Any content which is considered unsuitable, unlawful or offensive, includes personal details, advertises or promotes products, services or websites or repeats previous comments will be removed.