ResizeObserver, internationalisation, text inside a circle, CSS Grid

ISSUE 247 21st April 2020

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

The CSS Layout Masterclass - Online Workshops

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.

smashingconf.com

Smashing Podcast Episode 14 With Rachel Andrew: How Can I Run Online Workshops? — Smashing Magazine

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.

smashingmagazine.com

Learn

Pseudo-Randomly Adding Illustrations with CSS – Eric’s Archived Thoughts

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.

meyerweb.com

Using CSS to Set Text Inside a Circle | CSS-Tricks

We don't yet have shape-inside but this tutorial shows how you can set text inside a circle.

css-tricks.com

CSS for internationalisation

An explanation of the different CSS properties that can be used for internationalisation.

chenhuijing.com

Interesting

Heydon/watched-box

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.

github.com

Constrained CSS grids without max-width. — Ethan Marcotte

Ethan writes about getting away from max-width as a layout constraint, using CSS Grid.

ethanmarcotte.com

You received this email because you subscribed via the CSS Layout News site.
We’ll be sorry to see you go but you can .

Spike Island 133 Cumberland Rd Bristol BS1 6UX

CSS Layout News - Issue 246

Tuesday, April 14, 2020

Firefox 75 features, Inspired Design Decisions, a printable zine template, dark mode View on the web Archives ISSUE 246 14th April 2020 News Issue 246 A slightly shorter email than usual, maybe there

CSS Layout News - Issue 245

Thursday, April 9, 2020

A grid of logos, LCH colors, responsive images, and the notes from my talk Making Things Better. View on the web Archives ISSUE 245 7th April 2020 News Issue 245 Another Tuesday, I hope this finds you

Behind the Design of Lauren Santo Domingo’s Ski House

Thursday, November 21, 2024

View in your browser | Update your preferences ADPro Peak Style When it comes to clients, says AD100 designer Andre Mellone, “my biggest nightmare is a person who says, 'Carte blanche, do whatever

2025 Interior Design Trends, Revealed

Wednesday, November 20, 2024

View in your browser | Update your preferences ADPro Image may contain: Furniture, Chair, Interior Design, Indoors, Home Decor, and Rug Inside Our Newest Trend Report “Design, like fashion, tries to

Want a free strategy session with us?

Wednesday, November 20, 2024

Plus, the emails editors open most often. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

One Simple Thing You Can Do to Retain Your Staff

Tuesday, November 19, 2024

View in your browser | Update your preferences ADPro By my account, it's not fall until I've watched You've Got Mail, Nora Ephron's '90s film adaptation of the 1930s Hungarian play

#483: UX Writing

Tuesday, November 19, 2024

With writing guides, content testing and practical guides for better content design. Issue #483 • Nov 19, 2024 • View in the browser Smashing Newsletter Hej Smashing Friends, Every digital product

Accessibility Weekly #423: Beautiful Focus Outlines

Monday, November 18, 2024

November 18, 2024 • Issue #423 View this issue online or browse the full issue archive. Featured: Beautiful focus outlines "Unfortunately, focus outlines are often overlooked in web design.

175 / Build your ideas without writing any code

Monday, November 18, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Nov 2024 • Part 1 View in browser Welcome to Issue 175 One month ago, I quit my longest-standing job and embarked on a pathless path to let my

Into the Fediverse

Sunday, November 17, 2024

Issue 221: We need decentralized social networks ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The Books AD Editors Can’t Put Down Right Now

Friday, November 15, 2024

View in your browser | Update your preferences ADPro Good Reads Here at AD PRO, we're all about celebrating a good coffee table book. With crisp project imagery and behind-the-scenes stories tucked

What astrology has to do with PR?

Wednesday, November 13, 2024

and, no we won't tell you to read your chart! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

CSS Layout News - CSS Layout News - Issue 247