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.

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.

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

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

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.

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.

Recreating MDN’s Truncated Text Effect

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

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.

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.

Promoted Link

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.

Tools

axe Accessibility Linter for VSCode

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

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.

Inspiration

3D CSS Tardigrade

3D CSS Tardigrade

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

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

CSS Stickers!

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Follow CSS Weekly

10,000 Subscribers

16,500 Followers

2,500 Followers

1,500 Followers

9,000 Subscribers

10,000 Subscribers

16,500 Followers

2,500 Followers

1,500 Followers

9,000 Subscribers

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