Tag: Flexible Web Design
-
SXSW stuff: book giveaway, my panel, more
Come meet me at SXSW 2010, see my panel, and maybe even get a free copy of my book. In the meantime, help me get ready! I’m a noob, people.
-
70+ essential resources for creating liquid and elastic layouts
Check out these great online resources on creating liquid/fluid and elastic layouts, including sources for design inspiration, downloadable templates, frameworks, articles and tutorials.
-
Creating sliding composite images
Create the appearance of a single image by layering multiple images on top of each other. The pieces can slide around the page as its width is changed, making it a perfect technique for liquid layouts.
-
Hiding and revealing portions of images
It’s possible to dynamically “crop” both background and foreground images as the layout changes in width, solving the problem of overflowing fixed-width images in a flexible page.
-
Foreground images that scale with the layout
Simple CSS techniques can make the content images inside your liquid or elastic pages scale with the layout.
-
Flexible Web Design is out
My book, Flexible Web Design: Creating Liquid and Elastic Layouts with CSS, is now out, and its companion site is up.
-
Living, breathing design comps
Presenting static image comps to clients can be especially problematic if you create flexible layouts. Try building an (X)HTML/CSS version of the design to show to your client instead in order to make designing and creating flexible layouts easier.