Hello from Boston and An Event Apart. I spoke yesterday with my talk entitled Making Things Better: Redefining The Technical Possibilities of CSS. As always, there is a lovely engaged audience here as well as an excellent line-up of speakers.
Without further ado, I've got a bunch of links from around the world of layout. I hope there is something of interest among them.
Rachel Andrew, CSS Layout News
While Firefox are implementing Grid Layout subgrid, Chromium seems to have no plans to do so. Head over here, log in and star this bug to let them know that the web community need this!
I continue my series on the display property with the box generation values of
display: none and
A good walkthrough of animation in
grid-template-rows and the gap properties in grid layout.
A nice little tutorial on using
clip-path to make rounded triangles.
After my An Event Apart talk I got a lot of questions on the subject of contributing to the web platform, here are some very quick CSS-biased notes.
A little utility with a good explanation from Andy Bell.
Uses animation of grid tracks to animate the menu opening (needs Firefox).
I've distilled my knowledge about CSS Layout into this training course. This course has something for you if you are new to CSS, have been using frameworks for a while and want to understand how they work, or have been doing this for a while but want to understand the newer layout methods. The course includes video tutorials, text explanations and all the starting points to follow along.
The full table of contents gives an overview of what you can learn - at your own pace. We also have a Slack community where you can ask questions about the course materials.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.