Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.
If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes.
In this article, we’ll discuss effective techniques to create 100%-functional adaptive CSS-layouts, and provide details on other tutorials and practices.
Thirty years ago, American film audiences pressed low in their seats as a massive white wedge of machine parts passed overhead. With the release of George Lucas’s Star Wars, the smooth, silvery flying saucers that had dominated postwar sci-fi became embarrassing reminders of an obsolete vision of the future.1 Lucas envisioned a World of Tomorrow dominated by black, white, and gray;2 hard-edged, massive, and inorganic forms, covered with a salty acne of apparatus. The film’s visual program was a departure from the saucers and occasional capsules writ large that sci-fi audiences had grown accustomed to, but its colorless symmetrical ships should have been recognizable to at least a small portion of its audience—those familiar with contemporary art.3
Now that both Batman and Star Trek have enjoyed cinematic reinventions, it's only a matter of time before Hollywood reboots the franchise that rebooted entertainment itself. Here's how the inevitable Star Wars reinvention could be fantastic instead of embarrassing.