Flexible Web Design: Creating Liquid and Elastic Layouts with CSS . Zoe Mickley Gillenwater

Flexible Web Design: Creating Liquid and Elastic Layouts with CSS


Flexible.Web.Design.Creating.Liquid.and.Elastic.Layouts.with.CSS..pdf
ISBN: 0321553845,9780321553843 | 337 pages | 9 Mb


Download Flexible Web Design: Creating Liquid and Elastic Layouts with CSS



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




Flexible layout — any layout that uses relative measurements to allow the layout to resize under different conditions; Fluid layouts — layouts with measurements relative to the browser window; Elastic layouts — layouts with measurements If you've been following along with this series of posts on creating css layouts this html should be old hat by now. Instead Folding columns, elastic gutters, zoomable baseline grid and Golden Gridlet are the 4 main features of GGS. Responsive web design offers an alternative. It's a more unified, more holistic . Responsive Web Design is often associated with terms like fluid design, elastic layout, rubber layout, liquid design, adaptive layout, cross device design, and flexible design to name a few. Excellent book at http://www.abookapart.com entitled “Responsive Web Design” that takes this even further. I talk all about this in one of the sample PDF excerpts from my book, Flexible Web Design: Creating Liquid and Elastic Layouts with CSS. What are Relative, Liquid, Fluid, Flexible and Elastic Layouts? Used for relative CSS proportions for page layouts. Used to evaluate parts of the browser environment to determine which CSS to apply. A relative layout in web design is one that uses a relative unit of measurement to specify the width of the page. Responsive web design is an approach to web design that enables a website to fit into any device that accesses it and delivers the appropriate output accordingly. By marrying fluid, grid-based layouts and CSS3 media queries, we can create one design, that, well, responds to the shape of the display rendering it. Creating responsive designs is more than just about making things "elastic" or allowing things to "not overflow" it is about making the website look good in any browser. SimpleGrid (SG): SimpleGrid is a very useful CSS framework for creating 'n' number of grid-based layouts. It comes very handy when you want to create fluid grids with similar names. This book, whose full title is Flexible Web Design: Creating Liquid and Elastic Layouts with CSS, written by Zoe Mickley Gillenwater, is therefore a much needed resource for people using or wanting to use CSS-based designs.