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




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




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.





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.


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

✏ Is AMP Dead and Do We Care? React Markdown Editor, Bad vs Good Designs, and more...

Saturday, June 19, 2021

Poll: Is AMP Dead, and do We Care? WEBDESIGNERDEPOT.COM COMMENTS Bad Vs Good Accessible Designs USABILITYGEEK.COM COMMENTS Client-Side Routing in Next.js SMASHINGMAGAZINE.COM COMMENTS React Markdown

The 25 Best Accent Chairs, According to AD100 Designers

Friday, June 18, 2021

Plus, more sourcing inspiration. View in your browser | Update your preferences Architectural Digest AD PRO logo image Welcome to the PROcurement, our new weekly roundup of the best designs to source

✏ 40 Javascript Memes, CSS Specificity Calculator, HTML Semantic Tags Sheet, and more...

Friday, June 18, 2021

The Problem with UX/UI Portfolios MARKBOULTON.CO.UK COMMENTS CSS Specificity Calculator POLYPANE.APP COMMENTS Your Image is Probably not Decorative SMASHINGMAGAZINE.COM COMMENTS Top 40+ Javascript

What Will Back-To-Normal Look Like?

Friday, June 18, 2021

A weekly dispatch from Architectural Digest's Editor in Chief. ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

UX/UI Portfolios, Feels, Bear Plus Snowflake, Optical Size, Aspect Ratio

Friday, June 18, 2021

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar June 18 2021 The problem with UX/UI portfolios markboulton.co.

RWD Weekly #462— the one about the little yellow book

Friday, June 18, 2021

No preview text for you this week, you've got to commit to reading this one by opening it first :) Read online Hello again, welcome back to RWD Weekly #462 happy Friday! This week I've been

Meet Image Optimization, A New Smashing Book

Thursday, June 17, 2021

Meet Addy Osmani's new book on image optimization: from formats and compression to delivery and maintenance. Brand new book: Image Optimization by Addy Osmani. Dearest Friend, How do we deliver

🔥 Dashing Mobile UI Designs and more

Thursday, June 17, 2021

Round Up The Newest UpLabs Weekly Freebies 🤠 Check out some fresh high-quality Freebies that have been handpicked for you by the UpLabs team this week. The New Super Fast Way to Build a Website

Holly Hunt Reinvents Herself Once Again

Thursday, June 17, 2021

Plus, a houseplant sells for almost $20000 at auction (image) Architectural Digest AD PRO Logo house plant - philodendron Think You Love Houseplants? This One Just Sold for Almost $20000 Read More →

✏ 3 Ways to Design More Inclusively, What is a Design System?2021 Fun Typefaces, and more...

Thursday, June 17, 2021

3 Ways to Design More Inclusively WEBDESIGNERDEPOT.COM COMMENTS What is a Design System? ROBERTCREATIVE.COM COMMENTS Animal Crossing Font FONTSPANDA.COM COMMENTS Some Fun Typefaces for 2021 KOTTKE.ORG