CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #515

August 4, 2022

CSS Border Animations

CSS Border Animations

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

Read more

Finer Grained Control Over CSS Transforms With Individual Transform Properties

Finer Grained Control Over CSS Transforms With Individual Transform Properties

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

Read more

From Our Sponsor

We speak your language: three days of learning, CSS, design, and more

We speak your language: three days of learning, CSS, design, and more

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.

Sign up on or before August 15 to take advantage of Early Bird pricing.

CSS Weekly on YouTube

Dynamic SVG Section Separators

Dynamic SVG Section Separators

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

Watch video

Articles & Tutorials

Help Design the State of CSS Survey 2022!

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.

Read more

Help Pick a Syntax for CSS Nesting

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.

Read more

Recreating MDN’s Truncated Text Effect

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

Read more

The Advanced Guide to the CSS :has() Selector

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.

Read more

Maintenance Matters

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

Read more

Promoted Link

Looking Ahead—Insights from Jeffrey Zeldman and Eric Meyer

Looking Ahead—Insights from Jeffrey Zeldman and Eric Meyer

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.

Read more

Tools

axe Accessibility Linter for VSCode

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

Check it out

Hotkey Behavior

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.

Check it out

Inspiration

3D CSS Tardigrade

3D CSS Tardigrade

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

Get inspired

Until Next Week

Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #514 Issue #516

Follow CSS Weekly

YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers
YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.