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

My product prioritization framework

Sunday, April 28, 2024

Issue 192: How I triage strategy ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Cascade, HTMX, Sponge Furniture, Meaning of Color, Flipbook

Friday, April 26, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 26 2024 A primer on the cascade and specificity piccalil.

9 Trends From Milan We Can’t Stop Thinking About

Thursday, April 25, 2024

View in your browser | Update your preferences ADPro Even More From Milan Design Week Each year, the design world convenes in Milan—and that applies to us at AD, too. For the third year running, our

Subframe, Attributes vs Properties, Front End Handbook, aspect-ratio, GenAI

Thursday, April 25, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 25 2024 Subframe subframe.com Subframe is a design-to-

Ritmo, Climate Change, Icons & Typefaces, Click Wheel JS, CarPlay

Wednesday, April 24, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 24 2024 Meet Ritmo, Musixmatch's cross-platform

Why Jake Arnold Doesn’t Text Clients

Tuesday, April 23, 2024

View in your browser | Update your preferences We've had a remodel! From now on, you'll be hearing from AD PRO in your inbox twice a week—once with a deep dive into trends to watch and subjects

The secret ingredient to media success

Tuesday, April 23, 2024

PR tips from our founder Nora Wolf In this month's edition is all about *the most important* element of successful media outreach—photography. You may have some photos, but if the backgrounds are

#453: Design Systems

Tuesday, April 23, 2024

Design system generator, types of design systems and how to consolidate design systems. Issue #453 • Apr 23, 2024 • View in the browser Smashing Newsletter Buổi tối vui vẻ Smashing Friends, Ah, design

👨‍🏫 Striking Educational Website Designs + 🏆 Challenge Updates

Tuesday, April 23, 2024

Your UpLabs Design Updates Await! Let's Get Going! 🎨 Firstly, let's congratulate Mariana Gameiro, the winner of our latest 👩‍💻 SheCodes Website Redesign Challenge! Congratulations!! Secondly,

Code Connect, JS Naked Day, Shape of AI, Product Design, CSS Grid Level 3

Tuesday, April 23, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar April 23 2024 The Right Code for Your Design System figma.com