Issue #465

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

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

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.

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

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

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

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.

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

Temani Afif demonstrates how to create complex CSS transitions.

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.

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.

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.

inLine is a JavaScript library built to create a simple text editor for web applications and mobile apps.

Draftail is a configurable rich text editor with all text formatting available via the toolbar and keyboard shortcuts.

Fehrenbach Baptiste created an adorable illustration using only CSS.