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

Issue #514

July 27, 2022

CSS Variable Secrets

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()

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

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

Read more

From Our Sponsor

Retool is the fast way to build internal tools.

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

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.

Read more

Fantastic CSS Border Animation

Coco shows how to create interesting border effects using CSS.

Read more

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.

Read more

The CSS Behind Figma

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

Read more

Use Firefox for Accessibility Testing

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

Read more

Promoted Link (via Paved)

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

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.

Sign up

Tools

Gradientos

Gradientos is a web app that allows you to select gradient colors and see them applied live to common UI elements.

Check it out

Hypercolor

Hypercolor is a curated collection of beautiful premade gradients.

Check it out

Inspiration

Pure CSS Cartoon or Not?

Pure CSS Cartoon or Not?

Julia Miocene created an impressive, animated illustration using CSS.

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 #513 Issue #515

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.