Issue #515

Bramus Van Damme looks at several ways to animate a border in CSS.

Bramus Van Damme and L. David Baron show how individual transform properties work.

Looking to up your UX design game? Join us at An Event Apart Denver this coming October 10–12 for our first in-person event since 2019. Topics will include new CSS features, design system tooling, accessibility, responsive animation, global design, and allying UX with SEO, with speakers including Rachel Andrew, Chris Coyier, Dave Rupert, Jason Grigsby, Miriam Suzanne, Preston So, Val Head, and Wil Reynolds.

Learn how to easily create beautiful, fluid, dynamic section dividers and separators using the Dynamowaves JavaScript library.

Lea Verou reminds us that State of CSS survey is looking for feedback from the community, including suggesting CSS features to ask about, libraries and tools, or even new questions altogether.

Adam Argyle and Miriam Suzanne show two competing syntaxes for CSS nesting and want your help in determining which should be championed through to a specification candidate.

Geoff Graham shows how to create a truncated text effect using CSS.

Rahul Chhodde explains the need for the :has() selector, its general usage, various applications and use cases from simple to advanced, browser compatibility, and the fallbacks.

Annie Kiley shares a list of ten simple things you can do to make your projects as maintainable as possible, regardless of the stack.

An Event Apart co-founders Eric Meyer and Jeffrey Zeldman share their thoughts on the current state of the industry and what’s to come in their June 2022 edition of Looking Ahead.

A Visual Studio Code extension that does accessibility linting for HTML, React, Markdown, and Vue.

Hotkey Behavior is a JavaScript library that allows you to trigger an action on a target element when a key, or sequence of keys, is pressed on the keyboard.

Peter Norton created a fascinating, interactive animation using CSS (and a bit of JavaScript).