Tag: Flexible Web Design
-
Media queries presentation at indieconf
Download the slides for my presentation on CSS3: Using Media Queries to Improve the Web Site Experience for indieconf, as well as get links to related resources on media query techniques, tools, and inspiration.
-
There’s already a book on responsive web design. Want to win it?
I’m giving away two copies each of my two books. Use them together to learn all about how to make responsive web designs.
-
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.
Stunning CSS3: A Project-based Guide to the Latest in CSS
Flexible Web Design: Creating Liquid and Elastic Layouts with CSS