Download the slides for my presentation on Building Responsive Layouts for the CSS Dev Conference, as well as get links to related resources on fluid layouts, media queries, and other responsive web design techniques, tools, and inspiration.
Posts Tagged: Flexible Web Design
Building Responsive Layouts presentation at Responsive Web Design Summit
Download the slides for my presentation on Building Responsive Layouts for the Responsive Web Design Summit 2012, as well as get links to related resources on fluid layouts, media queries, and other responsive web design techniques, tools, and inspiration.
Responsive web design presentation at STC Summit
Download the slides for my presentation on CSS3, Media Queries, and Responsive Web Design for the STC Summit 2012, as well as get links to related resources on media query and responsive web design techniques, tools, and inspiration.
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.