Archive of: css3

CSS Grid Layout: Named Grid Lines and areas

Having discussed Grid Layout with lots of people at Front Trends last week, I mentioned to a few people I would write up some thoughts about named grid lines and areas and how they are described in the current Working Draft.

CSS Grid Layout - what has changed?

Towards the end of last year I did some research into the proposed CSS Grid Layout module for my book CSS3 Layout Modules for Five Simple Steps and also an article for 24 Ways. Both of these were heavily based on the Internet Explorer 10 implementation, as that was (and is) the only real implementation of Grid so far. However the spec has changed significantly and this post is really just my notes on what has changed.

New book: CSS3 Layout Modules

When Five Simple Steps approached me to write a pocket guide for their new series of short, digital format only books, I thought it a great chance to cover the cutting edge of CSS layout. I wanted to cover those new proposals in CSS3 that have the potential to radically change how we layout web pages.

Stop solving problems you don't yet have

We’re in a really exciting time for front-end web development. Our modern browsers are excellent in terms of their standard support for CSS, and new features are becoming usable far more rapidly than I can ever remember.

This situation is exactly what we asked for in the early days [...]