Issue 197
Box generation, animating grid tracks, rounded triangles and getting involved with the web platform
News
Issue 197
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!
Learn
I continue my series on the display property with the box generation values of display: none and display: contents.
A good walkthrough of animation in grid-template-columns and 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.
Interesting
Uses animation of grid tracks to animate the menu opening (needs Firefox).
Our Sponsor
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.