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

It's Officially Show House Season

Thursday, May 2, 2024

View in your browser | Update your preferences ADPro Showing Up, and Showing Off One of the traditions design aficionados look forward to the most each year is the return of decorator show houses. In

Zelman Meats, AI Feedback Loop, Figma Variables, CSS Masonry, Passkeys

Thursday, May 2, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 2 2024 Zelman Meats logo by Red Dot Studio logodesignlove.

Every viral brand has these 5 things in common ⚡️

Wednesday, May 1, 2024

See if your brand checks all the boxes... Branding, branding, branding. Like, PR, it's an oft-misunderstood area of business building. Many people think a logo, some colors, and a font constitute

inherit(), Polish, Picture-Superiority Effect, Music Notation, Multi-Brand Design System

Wednesday, May 1, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 1 2024 Self-Modifying Variables: the inherit() Workaround

164 / What if you could talk to Scarlett Johansson from the movie Her?

Tuesday, April 30, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Apr 2024 • Part 2 View in browser Welcome to Issue 164! Standing out in today's competitive market is hard, really hard. But side projects can help

#454: JavaScript

Tuesday, April 30, 2024

Front-End Engineer Handbook, JavaScript Cheatsheet, File System APIs and Invokers. Issue #454 • Apr 30, 2024 • View in the browser Smashing Newsletter Labas vakaras Smashing Friends, Let's talk

Mayer Rus on L.A.’s Great Gallery Migration

Tuesday, April 30, 2024

View in your browser | Update your preferences ADPro Image may contain: People, Person, Accessories, Bag, Handbag, Food, Meal, Adult, Clothing, Hat, Glasses, Fun, and Party For this week's edition

Head of Typography, Centering Things, 3D Badge, Alternating Style Queries, Hate Speech

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 30 2024 Detect JavaScript Support in CSS ryanmulligan.dev

JavaScript Support, AI in UI/UX, Deja Vu, Nature of Code, Clubhouse

Tuesday, April 30, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 29 2024 Detect JavaScript Support in CSS ryanmulligan.dev

Accessibility Weekly #394: Images as the First Thing in a Button or Link

Monday, April 29, 2024

April 29, 2024 • Issue #394 View this issue online or browse the full issue archive. Featured: Images as the first thing in a button or link "An accessibility problem I encounter regularly is