Technology news & comments affecting web professionals' lives

70+ essential resources for creating liquid and elastic layouts

May 22, 2012

From the blog: » 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.

I often get asked for my recommendations of resources to learn how to create liquid/fluid and elastic layouts. My first answer is, of course, my own book Flexible Web Design: Creating Liquid and Elastic Layouts with CSS. Hey, is it so bad to be proud of your work? It’s the only book out there entirely devoted to designing and building flexible web sites, and the dozens of layout techniques it covers can also be applied to fixed-width design. But I’ll shut up about my book now; if you’re not the book-buying type, here are over 70 online resources to get you started creating attractive and robust flexible web pages.

Demo Websites

To help you vizualize what your new website may look like, we've prepared different "template" websites with mock content.

Company Website

Typical pages for a business include: About Us, Products, Services, Customers, Contacts.
View Demo

Society Website

Typical pages for a non-profit society include: About Us, Officers, Programs, Meetings, Photo Gallery, Contacts.
View Demo

Portfolio Website

Typical pages for a portfolio include: Photo Gallery, About Me, Contacts.
View Demo

Event Website

Typical pages for an event include: General Information, Registration and Travel, Accommodations, Agenda/Program, Pricing, Contacts.
View Demo

Keep in mind, these are samples; your actual website will have your own branding (logo), content (text and images), and menu structure.

About Us

Web Page Authority's vision is to help businesses grow through effective and affordable web solutions. Our team members have experience in diverse industries including information technology, commerce, graphic design, printing, and management, thus building a strong foundation of expertise in web design solutions.


Contact Us

+1 (574) 208-3932 Paul (Indiana)
+1 (918) 850-4224 Bogdan (Oklahoma)