HTML and CSS Reference
In-Depth Information
(continued)
A brochureware website that is mostly static pages and doesn't expect much in-
teraction from the user is almost certainly a good candidate for adaptation with
media queries. Similarly, blogs or other text-heavy websites ought to be straight-
forward enough to make work on a wide range of devices. Mobile users, who are
often paying for their connectivity by the megabyte, might appreciate not being
forced to download huge video files, large graphics, and lots of ads; but if the
site in question is relatively lightweight in this department it shouldn't be a prob-
lem. Also remember from chapter 4 that if you're using HTML5 to serve your vid-
eo files, you have built-in functionality to serve lower-resolution and lower-
quality files to mobile devices.
The more application-like a website is, the more likely it is that you won't be able
to deliver the same content to all devices and end up with a usable experience
for all users. In this situation, you should consider dynamically loading portions
of your app with JavaScript after you've determined the capabilities of the device.
One last thing to bear in mind: studies have shown that many desktop users pre-
fer to use the mobile versions of certain popular websites. The mobile versions
are frequently simpler and more task focused—or, looked at another way, the
desktop websites are too complex and confusing. Media queries and mobile web-
sites don't absolve web authors from thinking about the needs of their users.
CSS3 promises to finally equip web authors with layout tools with
power similar to that available in non HTML frameworks like Adobe
Flex, Microsoft Silverlight, and Java Swing. In the next section, you'll
learn how powerful CSS layout may become in the next few years.
The future of CSS layout
CSS3 has several proposed standards currently under heavy develop-
ment that could completely alter how layout on the web is done. In this
section, you'll learn about these new approaches, all of which have at
least experimental implementations available. They include flexible
boxes, which are excellent for toolbars and menus; grid-align, which is
great for traditional grid-based designs; and regions, exclusions, and
positioned floats, which are good for multiple-column magazine-style
layouts.
Search WWH ::




Custom Search