Postingan

Web design for a multimedia web world

As noted in the introduction to this chapter, recent times have seen an explosion in the variety of media through which people interact with websites, particularly the way smart phones and tablets are defining the browsing experience more and more. Moreover, as noted, a web page design that is appropriate may be necessary for a wide-screen experience but is often inappropriate, overly cluttered, or just plain dysfunctional on a tiny screen. The solution is Media Queries—a new element of CSS stylesheets introduced with CSS3. But before we examine new media features in CSS3, it will be helpful to understand the basic evolutionary path that led to the development of CSS3 Media Queries. That background will be useful both in getting our heads around the concepts involved and because in the crazy Wild West state of browsing environments these days (with emerging and yet-unresolved standards conflicts), designing for the widest range of media requires combining new CSS3 Media Queries with ...

Responsive Design with Media Queries

It is a multimedia world. People experience and interact with web content with a variety of media, ranging from large-screen projections of websites to hand-held devices. This presents specific challenges for web designers. One of those challenges revolves around designing pages that are accessible, inviting, and functional at highly varying sizes. A page with centered content, sidebars on the left and the right, and text flowing around images may be inviting on a laptop, but a jumbled mess on an iPhone. With the advent of HTML5 and CSS3, it is possible to design pages that detect the size of a viewing device (the viewport), and to present unique page layouts customized for that device. So, for example, you can create three alternative views of a page—one for smart phones, one for tablets, and one for full-sized monitors. The approach is referred to as responsive design. The CSS3 technique for implementing it is a Media Query.

Collecting Data With Forms

In the Facebook-dominated world of the modern web, data collection has become  highly opaque. When you share an intimate thought about a dying friend over social  media, that sensitive, personal data becomes a commodity that is sold to marketers of flowers and books on death, when you Like a band in a social media environment, you (often unwittingly) sign up to get offers for tickets when that band is playing near your city or town, and so on.