Issue 293
@property, Houdini Paint API, more scroll-linked animations, and indicating the current page.
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.
An Accessible Current Page Navigation State
How to indicate the current page in an accessible way.
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.
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.
Interesting
Conic.css - nice, simple conic gradients
Another fun generator, this time for conic gradients.
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.
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.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.