Issue #514

July 27, 2022

CSS Variable Secrets

Lea Verou demonstrates a host of tips, tricks, and gotchas relating to CSS variables in her trademark interactive style.

Watch video

Solving “The Dangler” Conundrum with Container Queries and :has()

Dave Rupert explains how to solve a “dangling element” problem in odd number grids.

Retool is the fast way to build internal tools.

Retool is the fast way for developers to build and share internal tools. Teams at thousands of companies like Amazon, DoorDash, Peloton, and Brex collaborate around custom-built Retool apps to solve internal workflows. Get started for free today.

Learn More

CSS Weekly on YouTube

3 Simple Ways To Center an Element Using CSS

Learn how to center an element in CSS with position Absolute, Flexbox, and CSS Grid—and what the difference is between the mathematical center and visual center.

Watch video

Articles & Tutorials

Can SVG Symbols Affect Web Performance?

Bart Stefański explores how SVG Symbols affect web performance.

Fantastic CSS Border Animation

Coco shows how to create interesting border effects using CSS.

Article vs. Section: How To Choose The Right One

Olushuyi Olutimilehin explores a mental model that helps you decide between the <section> and <article> elements when writing documents.

The CSS Behind Figma

Ahmad Shadeed highlights some interesting use-cases for CSS Flexbox and Grid.

Use Firefox for Accessibility Testing

Todd Libby goes over Firefox’s accessibility features that you can use today.

Choose the salary you want. Figures sends you matching jobs in tech.

Have you ever reached the end of an interview process just to find that the pay was too low? We have — which is why we started Figures, a newsletter that takes your salary requirement and sends jobs that pay more. Sign up today to start receiving job opportunities.