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.

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.

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.

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.

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.

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.

The Accessibility Stalemate

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

How To Learn Stuff Quickly

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

Promoted Link

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.

Tools

Advanced CSS Gradient Editor

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

rtl.wtf

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

Inspiration

Moving on a Penrose Triangle

Moving on a Penrose Triangle

Amit Sheen created a captivating animation using only CSS.

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

CSS Stickers!

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Follow CSS Weekly

10,000 Subscribers

16,500 Followers

1,500 Followers

9,000 Subscribers

10,000 Subscribers

16,500 Followers

1,500 Followers

9,000 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.