Skip to content

Issue 293

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

Rachel Andrew
2 min read

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

Newsletter