Mon premier blog

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

Responsive web design offers an alternative. I know that I usually create fixed width website layouts with CSS and it's relatively recently that I started experimenting a bit with liquid and elastic layouts. 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. Liquid or fluid layouts change width based on the user's unique device viewing size. I heard about the book on Twitter (via Malarkey) and I bought it almost straight away. Instead Folding columns, elastic gutters, zoomable baseline grid and Golden Gridlet are the 4 main features of GGS. 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. These types of layouts have always been possible with tables but offer new design challenges as well as opportunities when built with CSS. In this responsive web design tutorial, you will learn how to make embedded videos elastic (responsive) to browsers. It's a more unified, more holistic . CSS Elastic Videos – MORE INFO. SimpleGrid (SG): SimpleGrid is a very useful CSS framework for creating 'n' number of grid-based layouts. 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. There's no 'right' or 'wrong' layout type Flexible Web Design If you want to know more about creating liquid and elastic layouts, you should read Flexible Web Design by Zoe Mickley Gillenwater. Zoe Gillenwater is a web designer, accessibility specialist, and author of Stunning CSS3: A Project Based Guide to the Latest in CSS and Flexible Web Design: Creating Liquid and Elastic Layouts with CSS. 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. Responsive Column Layouts – MORE INFO. 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. In this tutorial you will learn a very simple CSS trick to create a responsive column layout using nth-of-type pseudo class. It comes very handy when you want to create fluid grids with similar names.