Tag: images
-
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.
-
CSS effect: space images out to match text height
Make several fixed-width images change their spacing to stay lined up with accompanying text, no matter the window size or text size.
-
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.
-
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.