CSS Layout News - CSS Layout News - Issue 251

The clamp function, accessible images, vertical rhythm, Intersection Observer.
 

CSS Layout News

 

ISSUE 251  19th May 2020

 

News

 

Issue 251

While I am missing all the events I thought I would be doing this year, I'm enjoying their online replacements. It is hard to replace the feel of an in person event, especially moments of chance interaction, however there are benefits to meeting virtually. One of those being the number of people I have talked to who can't ever get to a conference due to time, location, family commitments or budget. For those people I hope that we carry on doing some online things.Where the pandemic has meant we have had to cancel and postpone so much, I think we have also gained in our understanding of how to do these things online and welcome more folk in.

Today I spoke at Smashing Meets, an online meetup we ran over at Smashing, I presented my talk on Subgrid, and also answered a bunch of questions in the chat session. And then, I'm really excited that An Event Apart are running an online event, and that I get to do my talk about the CSS display property there. An Event Apart are the sponsor of the newsletter this week, so check out the link in the footer for a discount. For the last few years I've written a talk especially for An Event Apart, that I don't do anywhere else, and I'm really looking forward to the chance to present it to online Apartniks.

Rachel Andrew, CSS Layout News

 
 

Learn

 

Adactio: Journal—Sass and clamp

Jeremy writes about using the CSS clamp() function.

adactio.com

 

Accessible Images For When They Matter Most — Smashing Magazine

An article about the different types of images we might use to convey important information, and how to ensure they are as accessible as possible.

smashingmagazine.com

 

How to Easily Create a Responsive Vertical Rhythm with CSS

An explanation of vertical rhythm, and how to implement this responsively.

designmodo.com

 
 

Interesting

 

IntersectionObserver Visualizer

A visualization tool to help with understanding Intersection Observer.

codepen.io

 

UI Components & UX Patterns Examples | Nice!

A collection of example UI components, arranged into categories.

niceverynice.com

 
 

Our Sponsor

 

Learn what’s next in web design at An Event Apart: Online Together

An Event Apart: Online Together is a one-day online conference covering what you need to know about conducting user research remotely, managing the hard parts of design systems, how CSS is reshaping itself to help you reshape content flows, the ins and outs of inclusive design, and more.

Currently, we’re thrilled to have five confirmed sessions:

  • Rachel Andrew’s Now You See It: Understanding Display
  • Derek Featherstone’s Inclusive Design: Thinking and Doing
  • Brad Frost’s The Technical Side of Design Systems
  • Cyd Harrell’s Rich Research At A Distance
  • Dan Mall’s Hard Things About Design Systems

…and we’re very close to confirming the sixth talk. Stay tuned for even more great content to come!

All sessions will go live on June 15, and will remain available to attendees, on-demand, for at least six months after the event is over, along with recordings of live Q&A sessions with the speakers and any other agenda items.

Registration is now open, so grab your spot and join us online, together, this June 15. $50 off with code CSSL

AnEventApart.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
 
 

 
 
©2020 CSS Layout News | Privacy Policy | Curated by Rachel Andrew.
 
Published with Curated

Older messages

CSS Layout News - Issue 250

Tuesday, May 12, 2020

Cumulative Layout Shift, CSS Solutions, the contain property. View on the web Archives ISSUE 250 12th May 2020 News Issue 250 I just looked at the number of this issue, 250. That's two-hundred and

CSS Layout News - Issue 248

Tuesday, April 28, 2020

Announcing my new layout courses, gap properties for flexbox, responsive type, dark mode toggles. View on the web Archives ISSUE 248 28th April 2020 News Issue 248 Hello! I've been working away on

CSS Layout News - Issue 247

Tuesday, April 21, 2020

ResizeObserver, internationalisation, text inside a circle, CSS Grid View on the web Archives ISSUE 247 21st April 2020 News Issue 247 Hello friends, I hope this finds you well. We lost an all round

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

You Might Also Like

🐺Are you overwhelmed when it comes to PR?

Friday, January 10, 2025

do this. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

#489: Web Performance

Tuesday, January 7, 2025

Instant navigation, Web Almanac 2024, INP debugging, font-face fallbacks and compression dictionaries. Issue #489 • Jan 7, 2025 • View in the browser Smashing Newsletter Hello Smashing Friends, Web

The Beautiful House That Made Mayer Rus Anxious—At First

Tuesday, January 7, 2025

View in your browser | Update your preferences ADPro Concrete Box Supreme I confess, I was a bit intimidated by the prospect of writing about the work of architect Tadao Ando for the first time in my

New Updates and a Sneak Peek into 2025

Tuesday, January 7, 2025

Both our email builder and website builder are getting significant upgrades to enhance your experience.͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌

🐺Get ready to get press in 2025!

Tuesday, January 7, 2025

Since you asked, we extended the sale! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Accessibility Weekly #430: FTC Orders AccessiBe to Pay $1M

Monday, January 6, 2025

January 6, 2025 • Issue #430 View this issue online or browse the full issue archive. Featured: FTC orders AI accessibility startup AccessiBe to pay $1M for misleading advertising "The US Federal

Getting ready for 2025

Sunday, January 5, 2025

Issue 227: Key focuses in the new year ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Want to Scale Your Firm in 2025? Start Here

Thursday, January 2, 2025

View in your browser | Update your preferences ADPro Build Your Best Team Yet A new calendar year presents an opportunity to wipe the slate clean, and your approach, whether slapdash or carefully

Our Must-Reads of 2024

Tuesday, December 31, 2024

View in your browser | Update your preferences ADPro Year in Review Well, we made it. It's the last day of 2024, so today, we're taking a walk down memory lane to bring you some of our

Accessibility Weekly #429: Broken Frames

Monday, December 30, 2024

December 30, 2024 • Issue #429 View this issue online or browse the full issue archive. Featured: Navigating imperfect accessibility frameworks for trauma-informed outcomes "So what is it then? Am