Tag: elastic
-
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.
-
Me at The CSS Summit online conference
Download the slides from my presentation at The CSS Summit online conference, as well as get links to related tutorials on designing flexible images.
-
Why browser zoom shouldn’t kill flexible layouts
All the major browsers now have zoom functions built in, which may make it seem like there’s no longer any need for liquid or elastic layouts. Not so.
-
Voices That Matter: Web Design Conference 2009
Download the slides from my presentation at Voices That Matter: Web Design Conference 2009, as well as get links to related tutorials on designing flexible images.
-
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.
-
Updated flexible design inspiration
I’ve updated my original post on sites to explore for flexible web design inspiration.
-
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.
-
Revised presentation slides available
Download the slides from my presentation Designing CSS Layouts for the Flexible Web at the National Association of Government Webmasters 2008 Annual Conference.
-
Voices That Matter slides available
Download the slides from my presentation Designing CSS Layouts for the Flexible Web at the Voices That Matter Web Design Conference.
Stunning CSS3: A Project-based Guide to the Latest in CSS
Flexible Web Design: Creating Liquid and Elastic Layouts with CSS