CSS Layout News - CSS Layout News - Issue 293

@property, Houdini Paint API, more scroll-linked animations, and indicating the current page.
 

CSS Layout News

 

ISSUE 293  9th March 2021

 

News

 

Issue 293

I'm in the middle of creating new demos and slides for a bunch of upcoming presentations, including my new talk for the An Event Apart Spring Summit. They have kindly sponsored the newsletter this week, so do take a look at the offer in the footer of this email. It's going to be a great event.

I'm glad there are events happening this spring, even if they are virtual. I've signed up for Write the Docs Portland, I've wanted to get to a Write the Docs conference for ages but the timing never worked out. Taking advantage of the online event while I can.

Rachel Andrew, CSS Layout News

 
 

Learn

 

Exploring @property and its Animating Powers | CSS-Tricks

Relevant to some docs I was writing last week, an article about what @property can make possible.

css-tricks.com

 

An Accessible Current Page Navigation State

How to indicate the current page in an accessible way.

callumhart.com

 

The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 2) – Bram.us

Part two of a deep dive into scroll-linked animations using features that have an experimental implementation in Chrome.

bram.us

 

Programmatically Generate Images with CSS Painting API

I've been doing a bit of reading around things folk have been publishing on Houdini, as I've been working on some docs for MDN. Here is a nice guide to the CSS Paint API.

bitsrc.io

 
 

Interesting

 

Conic.css - nice, simple conic gradients

Another fun generator, this time for conic gradients.

conic.style

 

The Tools Don't Matter - Bring the Donuts Newsletter

This is a product management piece, rather than CSS. However I am constantly asked the same question with regard to tools. In general the tools don't matter, something I quickly discovered when moving from Mac to Windows. It took very little time to replace Mac-only things with something else.

I like the idea of asking the right questions, asking how someone achieve something, rather than what tool they use to do so.

bringthedonuts.com

 
 

Our Sponsor

 

Stay current with today's best web design practices

Spanning the spectrum from advanced CSS to inclusive and cross-cultural design, to web components and PWAs to user research, An Event Apart Online Together: Spring Summit features fifteen important sessions from world-class experts to keep you up-to-date with today’s best practices. Join us online April 19–21.

March Special: Purchase a Spring Summit three-day pass during the month of March and receive a copy of Rachel Andrew and Jeremy Keith’s ebook, HTML5 for Web Designers.

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

Don’t miss the opportunity to take your career to the next level. Check out the detailed Spring Summit 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 292

Tuesday, March 2, 2021

Grid fixes for Safari, Flex tools in Chrome, hiding content, and accessibility. View on the Web Archives ISSUE 292 2nd March 2021 News Issue 292 Welcome to another issue of CSS "is it really

CSS Layout News - Issue 291

Tuesday, February 23, 2021

Images, shadows, tabs, and Intersection Observer. View on the Web Archives ISSUE 291 23rd February 2021 News Issue 291 I didn't get time to move this list to the new platform last week. I had my

CSS Layout News - Issue 290

Tuesday, February 16, 2021

All about the floats, plus multicol, and container queries news. View on the Web Archives ISSUE 290 16th February 2021 News Issue 290 I am currently working on moving this newsletter to a new platform.

CSS Layout News - Issue 289

Tuesday, February 9, 2021

Platform News, clamp(), masking, accessibility, and faking container queries. View on the Web Archives ISSUE 289 9th February 2021 News Issue 289 I've been at a CSS WG virtual face-to-face meeting

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

You Might Also Like

How Rita Konig Gets Clients to Take Risks

Tuesday, March 4, 2025

View in your browser | Update your preferences ADPro It has been a career-defining few years for Rita Konig. First there was the British interior designer and author's Create Academy course, which

#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