Flexible Web Design: Creating Liquid and Elastic Layouts with CSS Zoe Mickley Gillenwater
Publisher: New Riders Press

Zoe Mickley Gillenwater, (2009). Flexible Web Design: Creating Liquid and Elastic Layouts with CSS. A non-responsive HTML/CSS layout. Responsive Column Layouts – MORE INFO. In this tutorial you will learn a very simple CSS trick to create a responsive column layout using nth-of-type pseudo class. Bonus: I am writing a full Bootstrap 3.0 tutorial, so that you can use a real-world responsive design (mobile first) CSS/HTML framework. Tables Using :target for Small Screens – MORE INFO. CSS Elastic Videos – MORE INFO. In this tutorial you will learn how to make a fluid pricing table, then alter the way it's displayed at different viewport sizes using media queries. Zoe Mickley Gillenwater, Flexible Web Design: Creating Liquid and Elastic Layouts with CSS Ne w Rid ers Press | 2008 | ISBN: 0321553845 | 336 pages | PDF | 21 MB Liquid or fluid layouts cha. United States of America: South-Western Educational Publishing. Here are a few to make note of: Fluid Videos: — Elastic Videos — FitVid. But since the publication of the book, developers have created some new techniques for fluid images and fluid videos. The theory behind responsive design involves the utilization of several grid and layout systems, image optimization and CSS media queries, therefore, no matter how many devices are released on the future, responsive websites will always be Although fluid grids can help you create sites that adjust to all the different resolutions, sometimes it's not necessary to cover all possible resolutions if you know that only certain screen resolutions are used by your visitors.