I have long been concerned about the potential accessibility problems that grid layout could cause. These essentially centre around the concept of disconnecting the source from the visual display. As a short explanation, values of display – other than none, do not change the logical order or visibility of your content. So, the order that … Grid, content re-ordering and accessibility
For the CSS Grid fans who have been following along, last night the subgrid value for grid-template-columns and grid-template-rows landed in Firefox Nightly. Download a copy of Nightly and give it a go! To help I have created some things for you to read and play with: My initial write-up of the feature in Smashing … CSS Grid subgrid lands in Firefox Nightly
I’ve been playing with this early implementation of the subgrid feature in Firefox, and it occured to me that subgrid could solve a less obvious use case. In Grid Layout you can target the end line of the explicit grid with -1. The explicit grid being the grid you create with grid-template-rows and grid-template-columns. However … A design pattern solved by subgrid
I spoke at An Event Apart yesterday, you can see my slides and resources here. One of the themes of my talk is that anyone can contribute to the web platform, and CSS in particular. I had loads of questions from atttendees about this so here is a quick list of getting started suggestions, with … Getting involved with the web platform
A couple of weeks ago I spoke at Frontend NE in Newcastle, a big part of my talk was explaining what the CSS Grid Subgrid feature from Grid Level 2 would contain. With no implementation to work with, I had mocked up a bunch of demos using DevTools for that talk. En route to San … CSS Subgrid News and demos
A thing I keep hearing, and especially when talking about subgrid is, “nested grids … isn’t that like tables within tables in the olden days?” It is not. This is why. When you want to use grid layout, what you are doing is changing the display property on a containing element, asking it to lay … Are nested grids like nested tables?
I am increasingly spending my time giving CSS workshops, both in-house for teams and public ticketed workshops. I have a few planned over the next few months which still have availability, and would love to book in further workshops later in the year. Get in touch if you would like me to come to your … Upcoming CSS Layout Workshops
I don’t apply to many Call for Papers right now, because I just get so busy. If a CFP isn’t going to announce for a few months, I don’t want to apply and then have some other thing fill that gap before the decisions are made. One CFP I do tend to put an idea … CSSconf EU, Grid Layout, and me
Last year I published a post on Smashing Magazine introducing Logical Properties and Values, flow-relative mappings for the physical properties and values we use on the web. For example, instead of width you might use inline-size, and the dimension would then be correct whether you were in a horizontal or vertical writing mode. Take a … More logical properties
Everyone is angry about CSS again. I’m not even going to try to summarize the arguments. However it always seems to boil down to the fact that CSS is simultaneously too easy to bother with, yet so hard it needs to be wrapped up in a ball of JavaScript in case it scares the horses. … HTML, CSS and our vanishing industry entry points