Having good control over alignment and justification is one of the major benefits of modern layout methods such as Flexbox and CSS Grid Layout. These alignment properties are specified in the CSS Box Alignment Level 3 Module. In this post I’m taking a quick look at how the following properties from this spec work with … CSS Grid and The Box Alignment Module
There’s epic amounts of stuff that I’ve not touched. People will say to me, “What do you think about this?” “I don’t really have an opinion. I’ll let you know once I have a chance to look at it.” I think coming from where I’ve come from, I’ve got the confidence to say that. If … Confidence and Overwhelm
“Separation of content and presentation” was our rallying cry as CSS layout advocates in the heady days of the new Millennium. We had already moved away from embedding font information into our markup by way of replacing font tags with CSS. We next aimed to complete that process by moving away from tables for layout. … Modern CSS Layout, power and responsibility
My presentation on CSS Grid Layout from the lovely CSS Day conference is now live on Vimeo. This is the most up to date version of fast changing material. Even so, since the conference on June 12th the specification has changed. One of the problems with Grid that I mention in the talk is the … CSS Grid Layout at CSS Day
In my recent conference presentations on the emerging CSS Grid Layout specification I’ve pointed out some of the issues I’ve encountered when learning to use this specification. When explaining the spec, one issue that is consistently raised is the lack of “gutters”. If you want spacing between grid tracks, you have to create a gutter … CSS Grid Layout: Solving the Gutter Problem
I speak at a lot of conferences, on topics as diverse as configuration management, business and front-end development. Rather than try and “build my brand” as a single domain specialist, I’ve decided just to embrace being a full-stack speaker. My daily work finds me in all of these areas, I speak about what I’ve learned, … What does your audience need?
One of the things we have discovered while supporting Perch, is that many of the issues that come into support don’t have much to do with our software, and instead stem from development and deployment practices. Customers will develop sites in a way that doesn’t match the live environment, so on going live they are … Development environments, configuration management and deployment
The VAT MOSS issue continues to fill my inbox on a daily basis, with a cascade of nonsense occurring as we pass the first reporting deadline. However the voices of small businesses have been heard due to the amazing work from the EU VAT Action team. An exemption or threshold isn’t likely to help my … The impossibility of a “simple technical solution” to the VAT MOSS mess
In February I read with interest a blog post from Manuel Rego Casasnovas on the implementation of the CSS Grid Layout automatic placement feature. We have been able to use auto-placement for some time in the Blink implementation, and you can see examples on my Grid by Example site. The features shipped by Igalia in … Grid Layout automatic placement and packing modes
When creating examples for books, articles and presentations I like to find bits of text from public domain books rather than using Lorem Ipsum. I particularly like Victorian books about cats or hot air balloons. I thought the following excerpt from The Dominion of the Air: The Story of Aerial Navigation by John M. Bacon … An oar, a cat, a bottle of wine and a chicken leg