CSS Layout News - CSS Layout News - Issue 298

More on Container Queries, clipping and masking, accessible components
 

CSS Layout News

 

ISSUE 298  14th April 2021

 

News

 

Issue 298

Last week I spent a bit of time digging into container queries in order to document them for MDN. I'm also looking forward to the virtual conferences I'm part of this month. An Event Apart Spring Summit and Web Directions hover.

I'm also going to update my talk on all the new things in CSS for an internal event I'm speaking at, I have plenty of things to add!

Rachel Andrew, CSS Layout News

 

CSS Container Queries - CSS: Cascading Style Sheets | MDN

I've started to put together some documentation on MDN for Container Queries. It's a spec very much in the early stages, but keep an eye on this page and I'll keep updating it as things evolve. Do try out the experimental Chrome implementation detailed there, and see whether it meets the type so use cases you come across.

mozilla.org

 

New in Chrome 90 - Chrome Developers

Chrome 90 includes overflow: clip and the Declarative Shadow DOM.

chrome.com

 
 

Learn

 

CSS is a Strongly Typed Language | CSS-Tricks

One of the ways you can classify a programming language is by how strongly or weakly typed it is. Here, “typed” means if variables are known at compile time.

Eric explains why CSS could be described as strongly typed, and why that matters.

css-tricks.com

 

The Layers of the Web - Jeremy Keith - YouTube

Learn how to build resilient, performant, accessible and beautiful structures that work with the grain of the materials of the World Wide Web in this talk from Jeremy Keith.

youtube.com

 

Accessible front-end components: claims vs reality

How to assess the claims made by a third party about the accessibility of their components. Useful stuff.

hiddedevries.nl

 

CSS { In Real Life } | Paper Snowflakes: Combining Clipping and Masking in CSS

This is a great walkthrough of clipping and masking, and the demo at the end is worth a look too.

css-irl.info

 
You received this email because you subscribed via the CSS Layout News site.
We'll be sorry to see you go but you can unsubscribe instantly.
 
Spike Island 133 Cumberland Rd Bristol BS1 6UX
 
 

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

Older messages

CSS Layout News - Issue 297

Tuesday, April 6, 2021

Horizontal rules, SVG grids, or build your own web browser View on the Web Archives ISSUE 297 6th April 2021 News Issue 297 I hope those of you who celebrate (the Western church) Easter, had a good

CSS Layout News - Issue 296

Wednesday, March 31, 2021

Container Queries, CSS Performance, and more interesting things about color. View on the Web Archives ISSUE 296 30th March 2021 News Issue 296 I've still not moved platform for this newsletter yet,

CSS Layout News - Issue 295

Tuesday, March 23, 2021

Fixing compat pain points, color-mix(), blend modes and masking. View on the Web Archives ISSUE 295 23rd March 2021 News Issue 295 Today marks a year since the first lockdown here in the UK, I just had

CSS Layout News - Issue 294

Tuesday, March 16, 2021

Layout shifts, HSL, content re-ordering with grid, and Safari TP updates. View on the Web Archives ISSUE 294 16th March 2021 News Issue 294 I've been busy finishing off and recording my talk for

CSS Layout News - Issue 293

Tuesday, March 9, 2021

@property, Houdini Paint API, more scroll-linked animations, and indicating the current page. View on the Web Archives ISSUE 293 9th March 2021 News Issue 293 I'm in the middle of creating new

You Might Also Like

#497: Color Palettes and Generators

Tuesday, March 4, 2025

How to fix a broken color palette, accessible color combinations, color names and palette generators. Issue #497 • Feb 28, 2025 • View in the browser Smashing Newsletter Pryvit! Smashing Friends, How

180 / Make your everyday browsing ridiculously beautiful

Monday, March 3, 2025

Product Disrupt Logo Product Disrupt Half-Monthly Feb 2025 • Part 2 View in browser Welcome to Issue 180 Last year I teamed up with two of my close friends on a side project we're all obsessed with

Accessibility Weekly #438: When to Use Lists

Monday, March 3, 2025

March 3, 2025 • Issue #438 View this issue online or browse the full issue archive. Featured: When to use lists for better accessibility "When creating HTML content, using lists appropriately is

High touch recruiting

Sunday, March 2, 2025

Issue 235: Long-lasting candidate experiences ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

All Compute Must Flow

Sunday, March 2, 2025

“If I don't have that kind of compute on Day 1, I can't breathe." ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

🐺 Is a trade show is your right next step?

Friday, February 28, 2025

Q&A with Shoppe Objects' founders ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌ ͏ ‌

AD100 Designers on Battling Burnout

Thursday, February 27, 2025

View in your browser | Update your preferences ADPro Get Your Groove Back Most days, working in the design field is creatively fulfilling. But occasionally, in the throes of tight project timelines,

Accessibility Weekly #436: Evaluating Overlay-adjacent Accessibility Products

Thursday, February 27, 2025

February 17, 2025 • Issue #436 View this issue online or browse the full issue archive. Featured: Evaluating overlay-adjacent accessibility products "There's a category of third party products

#495: Accessibility and Inclusive UX

Thursday, February 27, 2025

Accessible fonts, inclusive design patterns, accessibility annotations and how to design for people with ADHD. Issue #495 • Feb 18, 2025 • View in the browser 💨 Smashing Newsletter Bok Smashing Friends

AD Editors Share Their Favorite March Issue Moments

Thursday, February 27, 2025

View in your browser | Update your preferences ADPro Behind the Scenes of Creatives at Home The March issue of AD, dedicated to creatives at home, is here. In her editor's letter, global editorial