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

Issue #466

July 27, 2021

How to Eliminate Render-Blocking Resources: a Deep Dive

How to Eliminate Render-Blocking Resources: a Deep Dive

Sia Karamalegos outlines why it’s important to eliminate render-blocking resources and shows how to fix it in your HTML, CSS, and JavaScript.

Read more

Prevent Unwanted Layout Shifts Caused by Scrollbars With the Scrollbar-Gutter CSS Property

Prevent Unwanted Layout Shifts Caused by Scrollbars With the Scrollbar-Gutter CSS Property

Bramus Van Damme explains how you can prevent unwanted layout changes caused by scrollbars with the scrollbar-gutter property.

Read more

From Our Sponsor (via Paved)

Never build a CSV importer again

Never build a CSV importer again

Messy spreadsheets, encoding formats, non-technical users, data import is a pain! That’s why we built Flatfile, the data onboarding platform. It integrates with your product in minutes, and intuitively guides users to import even the messiest spreadsheets correctly, on the first try.

Get Started

Articles & Tutorials

Compat 2021 Mid-Year Update: Flex Gap Everywhere

Philip Jägenstedt and Mariko Kosaka give an update on an effort to eliminate browser compatibility problems in five key focus areas: CSS Flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.

Read more

Thinking About The Cut-Out Effect: CSS or SVG?

Ahmad Shadeed looks at how you can use CSS and SVG to achieve a cut-out effect.

Read more

The Large, Small, and Dynamic Viewports

Bramus Van Damme explains the proposed changes in viewport units that seem to be finally solving that “100vh in Safari on iOS” issue.

Read more

The Accessibility Stalemate

Chris Heilmann explains why a lot of excellent accessibility advice never gets distributed beyond the initial audience.

Read more

How To Learn Stuff Quickly

Joshua Comeau offers some tips on learning that will help you pick up new languages/frameworks/tools quickly.

Read more

Promoted Link

TLDR Newsletter: Byte Sized News for Techies

TLDR Newsletter: Byte Sized News for Techies

TLDR is a daily, curated newsletter with links and TLDRs of the most interesting stories in tech, science, and programming.

Subscribe

Tools

Advanced CSS Gradient Editor

An online CSS gradient editor that will help you design illustrations, patterns, icons, and more.

Check it out

rtl.wtf

Rtl.wtf is a one-stop-shop explanation about Right to Left languages on the web.

Check it out

Inspiration

Moving on a Penrose Triangle

Moving on a Penrose Triangle

Amit Sheen created a captivating animation using only 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 #465 Issue #467

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.