Home | Amazing | Today | Tags | Publishers | Years | Account | Search 
Flexible Web Design: Creating Liquid and Elastic Layouts with CSS

Buy

Take the book you’re holding in your hands right now, and resize it so that it’s easier to read.

Don’t feel bad—I’ve given you an impossible exercise, but I promise the book will be filled with practical instead of ridiculous exercises from here on out. That’s because we’re going to be talking about web design, where we’re not constrained by the physical limitations of print on paper.

Though both web and print offer opportunities for beautiful and effective design, each has its own strengths and limitations. To create successful web designs, you need to design to the medium’s strengths instead of fighting against them. One of these strengths is flexibility. Here, I’m using flexible in the broadest sense—built to adapt to an infinite number of viewing scenarios. Users are ultimately in control of their experience of web sites to a degree beyond what’s possible with any other medium. They get to choose—whether or not they do so consciously and willingly—the type of device they view web pages on, how big their screens and windows are, their text sizes and fonts, whether to view still images or Flash animations. Really savvy users can even set up their own style sheets to slightly or dramatically change the visual appearance of the sites they view. Some users don’t even “view” web sites—they may hear or feel them instead.

The web medium is also flexible in the narrower sense of the word—web pages and content are not fixed at one particular size. By default, web pages can change in width and height to accommodate the differing text sizes and window widths of the users. This is true of both web pages built with divs and CSS and those built with tables.

Fixed-width web pages—pages that are set at a certain number of pixels decided by the designer—override some of the web’s natural flexibility. There are certainly good reasons to build fixed-width designs, as you’ll learn in Chapter 1. But the alternatives to fixed-width design can offer a lot of benefit and may work for more types of sites than you may think.

Liquid (or fluid) sites, which resize based on the user’s window size, are one alternative. Elastic sites, which resize based on the user’s text size, are another. Both types of designs take advantage of the web’s natural flexibility and, when done well, can greatly improve the user’s experience on your site—all while looking just as attractive as a fixed-width site.

(HTML tags aren't allowed.)

Pro .NET Memory Management: For Better Code, Performance, and Scalability
Pro .NET Memory Management: For Better Code, Performance, and Scalability
Understand .NET memory management internal workings, pitfalls, and techniques in order to effectively avoid a wide range of performance and scalability problems in your software. Despite automatic memory management in .NET, there are many advantages to be found in understanding how .NET memory works and how you can best write...
Correlative Learning: A Basis for Brain and Adaptive Systems (Adaptive and Learning Systems for Signal Processing, Communications and Control Series)
Correlative Learning: A Basis for Brain and Adaptive Systems (Adaptive and Learning Systems for Signal Processing, Communications and Control Series)
Correlative Learning: A Basis for Brain and Adaptive Systems provides a bridge between three disciplines: computational neuroscience, neural networks, and signal processing. First, the authors lay down the preliminary neuroscience background for engineers. The book also presents an overview of the role of correlation in the human brain as well as...
Final Cut Express 4 Editing Workshop
Final Cut Express 4 Editing Workshop
Go beyond the mechanics of Final Cut Express 4--learn how to edit with it! More than a button-pushing manual--this workshop give you firsthand experience with the art and technique of editing. You develop a working knowledge with nineteen tutorials that cover each and every essential, including:

* setting up your system and
...

Physics For Dummies (Math & Science)
Physics For Dummies (Math & Science)
Does just thinking about the laws of motion make your head spin? Does studying electricity short your circuits? Do the complexities of thermodynamics cool your enthusiasm?

Thanks to this book, you don’t have to be Einstein to understand physics. As you read about Newton’s Laws, Kepler’s Laws, Hooke’s Law, Ohm’s...

Networked RFID Systems and Lightweight Cryptography: Raising Barriers to Product Counterfeiting
Networked RFID Systems and Lightweight Cryptography: Raising Barriers to Product Counterfeiting
The book consists of a collection of works on utilising the automatic identification technology provided by Radio Frequency Identification (RFID) to address the problems of global counterfeiting of goods. The book presents current research, directed to securing supply chains against the efforts of counterfeit operators, carried out at the Auto-ID...
A Compendium of Neuropsychological Tests: Administration, Norms, and Commentary
A Compendium of Neuropsychological Tests: Administration, Norms, and Commentary
The Second Edition of this well-known Compendium has been considerably expanded and updated. It contains new chapters on test selection administration and preparation of the client; report writing and the informing interview; executive functions; occupational interest and aptitude; and malingering and symptom validity testing. The first four...
©2021 LearnIT (support@pdfchm.net) - Privacy Policy