Issue #465

July 21, 2021

Refactoring CSS: Introduction

Adrian Bece explains how to approach the CSS refactoring process and gives some general pros and cons.

Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines

Bramus Van Damme looks at some practical use cases where scroll-linked animations come in handy, replacing a typical JavaScript approach.

Practical, real world React examples of IntersectionObserver

The website contains real world use cases using the IntersectionObserver API.

* No external JavaScript or CSS libraries used in examples
* Each example is available as a React component
* Easy to understand
* Reusable patterns

Use the coupon code “cssweekly” at checkout to get a 20% discount.

Learn More

Articles & Tutorials

What’s the Difference Between the Alignment Values of start, flex-start, and self-start?

Rachel Andrew outlines the difference between the alignment values of start, flex-start, and self-start in Flexbox.

Chromium Spelling and Grammar Features

Delan Azabani shares the current status of spelling and grammar features in Chromium.

Sometimes, a Billion Laughs Aren't so Funny — Improving CSS Variables in WebKit

Tyler Wilcock outlines some improvements he made to the CSS variables implementation in WebKit.

Towards Richer Colors on the Web

Felipe Erias talks about the ongoing efforts to specify richer colors on the Web platform, plus some ideas about directions for future development on Blink/Chromium.

Detecting Hover-Capable Devices

Michelle Barker shows how to detect hover-capable devices using Level 5 Media Queries.

Build Complex CSS Transitions using Custom Properties and cubic-bezier()

Temani Afif demonstrates how to create complex CSS transitions.

Maintaining End-To-End Quality With Visual Testing

Colby Fayock explains how, by adding visual elements to your tests, you can gain more options to add meaningful ways in maintaining a high level of quality for your app.

Access Guide

Alex Chen shares an introduction to digital accessibility – specifically to help understand WCAG 2.1 (Web Content Accessibility Guidelines), the official resource for legal compliance.

Master the Skill of Debugging CSS

Ahmad Shadeed wrote a book full of tips and techniques on how to debug CSS, which will help you significantly reduce the time you spend on debugging and fixing CSS bugs.

Use the coupon code “cssweekly” at checkout to get a 15% discount.

Buy now