CSS Layout News - CSS Layout News - Issue 289

Platform News, clamp(), masking, accessibility, and faking container queries.
 

CSS Layout News

 

ISSUE 289  9th February 2021

 

News

 

Issue 289

I've been at a CSS WG virtual face-to-face meeting today so a little late sending this out, with a little round-up of things I have read in the past few days. I realised that it has now been a year since I last spoke at a conference. I really do miss seeing everyone, however virtual events are filling some of the gaps.

An Event Apart are my sponsor this week, and I would love to encourage you to register for the (virtual) Spring Summit. I'll be doing a brand new talk, and the line-up looks fantastic. I'm so looking forward to it. Just as with the in-person events this will be a great event to attend with others in your team. The talks cover such a wide range of things that we need to know as web developers, there is something for everyone. I'd love to see you there!

Rachel Andrew, CSS Layout News

 

Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support | CSS-Tricks

You can now keep up on weekly web platform news with Šime Vidas at CSS Tricks.

css-tricks.com

 
 

Learn

 

Going From Solid to Knockout Text on Scroll | CSS-Tricks

This is a really fun technique to try with clipping in CSS.

css-tricks.com

 

Type Scale Clamp Generator

You can find out about creating a type scale using clamp()over at CSS Tricks but here is a nice generator to help you play with the technique.

maximeroudier.com

 

It's easier when you do it earlier

A post about accessibility, and how it becomes much easier if you bake it in from the start. As the post notes this probably holds true for other areas in web development, security and performance also benefit from being considered throughout the development process.

hiddedevries.nl

 

Faking container queries with CSS Grid | Polypane Browser for Developers

Using CSS Grid to solve one type of problem that might have you wishing container queries were here already.

polypane.app

 
 

Our Sponsor

 

Fuel your creativity: three days of learning on CSS, design, and more

Learn what’s next in web design by participating in An Event Apart Online Together: Spring Summit, a three-day conference with an intense focus on digital design, UX, content, code, and more, coming to a device near you April 19–21.

You’ll learn about advanced CSS from Rachel Andrew and Miriam Suzanne, inclusive and cross-cultural design from Derek Featherstone and Senongo Akpem, web components and PWAs from Dave Rupert and Ire Aderinokun, user research from Cyd Harrell, and much, much more.

CSS Layout subscribers can save $100 off any multi-day pass with promo code: AEACSSL21

Don’t miss out—see our detailed three-day schedule and register today!

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 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 288

Tuesday, February 2, 2021

Flexbox features in Chrome DevTools, aspect-ratio, avoiding font-loading layout shifts View on the Web Archives ISSUE 288 2nd February 2021 News Issue 288 While it has been almost a year since I got on

CSS Layout News - Issue 287

Tuesday, January 26, 2021

Open Web Docs, Firefox 85, scroll margin, simple HTML View on the Web Archives ISSUE 287 26th January 2021 News Issue 287 Some interesting bits of news this week, with Open Web Docs launching and :

CSS Layout News - Issue 286

Tuesday, January 19, 2021

Chrome 88, Responsible Web Applications, screen reader testing View on the Web Archives ISSUE 286 19th January 2021 News Issue 286 I'm currently spending my time documenting things over at MDN. The

CSS Layout News - Issue 285

Tuesday, January 12, 2021

aspect-ratio, accessibility and table structures, accessible buttons, and a site using scroll-snap View on the Web Archives ISSUE 285 12th January 2021 News Issue 285 Hello again from lockdown Bristol.

CSS Layout News - Issue 284

Tuesday, January 5, 2021

Styling for high contrast, custom properties, web components View on the Web Archives ISSUE 284 5th January 2021 News Issue 284 Happy New Year! 2021 is not starting very well here in the UK as we head

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