Issue 247
ResizeObserver, internationalisation, text inside a circle, CSS Grid
News
Issue 247
Hello friends,
I hope this finds you well.
We lost an all round good person when Christopher Schmitt passed away last week. He was a fellow teacher of CSS, I spoke at a number of the online CSS Summit conferences that he ran, and at one CSS Dev Conf. He will be very much missed in our community. Chris Coyier wrote about this sad news here and linked to a little site some of us in the web community are putting together to preserve our memories, and allow them to be shared with Christopher's family. If you have memories you would like to share, please add them.
Rachel Andrew, CSS Layout News
As my last online CSS Workshop sold out, we're running it again, this time in a timeslot more friendly to Europe and Asia. Come and spend two sessions with me and really learn how all this new layout works.
I hopped onto the Smashing podcast to chat about the online workshops we have been doing at Smashing, and how it feels to take an in-person CSS Workshop online.
Learn
I really like Eric Meyer's new blog design, and in this post he explains how he added the illustrations used to break up the text.
We don't yet have shape-inside but this tutorial shows how you can set text inside a circle.
An explanation of the different CSS properties that can be used for internationalisation.
Interesting
This is interesting:
A custom element as a ResizeObserver root. The easiest way to get working with ResizeObserver and creating container queries with JavaScript. Unlike many implementations, you can use any CSS length units, and mix them together.
Ethan writes about getting away from max-width as a layout constraint, using CSS Grid.