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

Issue #532

December 1, 2022

Document Object Model (DOM) Geometry: A Beginner’s Introduction And Guide

Document Object Model (DOM) Geometry: A Beginner’s Introduction And Guide

Pearl Akpan analyzes the interface solutions like infinite scrolling, animating elements on scroll, and drag and drop, explains why an understanding of these properties is relevant, and dives into some practical use cases for them.

Read more

Color Formats in CSS

Color Formats in CSS

Joshua Comeau explores how different color formats work, how you can decipher them, and how you can use them to your advantage.

Read more

From Our Sponsor

Learn what matters in web design

Learn what matters in web design

We’re just two weeks away from An Event Apart San Francisco 2022, December 12–14.

Fifteen of the world’s top experts will be sharing key insights on advanced CSS, new design frontiers, tackling organizational barriers, container queries, web components, web platform features, SEO + UX, and more.

As a CSS Weekly subscriber, you can save $100 on any multi-day pass with promo code AEACSSW22.

Capacity is limited — register now!

CSS Weekly on YouTube

Quick-Tip: Prevent scroll bounce effect and pull-to-refresh on mobile using overscroll-behavior CSS property

A quick CSS tip outlining how to easily prevent scroll past the top of the page and pull-to-refresh on mobile by setting overscroll-behavior: none; on html and body elements of a page.

Watch video

Quick-Tip: Fix git error "invalid active developer path" on macOS Ventura

A short guide on how you can fix the “Invalid active developer path” error in Git after upgrading to macOS Ventura.

Watch video

Articles & Tutorials

Fancy frames with CSS

Charlotte Dann gives a nice overview of various techniques for making decorative border shapes, including some lesser-known CSS properties, embedded SVG, and a sprinkling of Houdini.

Read more

The large, small, and dynamic viewport units

Bramus Van Damme gives an introduction to the new CSS units that account for mobile viewports with dynamic toolbars.

Read more

PX or REM in CSS? Just Use REM

Austin Gil explains why you should almost always use rems when choosing between pixel and rem units.

Read more

Setting up a screen reader testing environment on your computer

Sara Soueidan walks you through the process of setting up a screen reader testing environment.

Read more

Debugging Tactics

Addy Osmani outlines some universal tips for debugging code.

Read more

Promoted Link

Department of Product Newsletter -  stay up to date and build winning products

Department of Product Newsletter - stay up to date and build winning products

The Weekly Briefing is a selection of product launches, news, tools and analysis designed to help you build winning products.

Hand picked and delivered to your inbox every week.

Join over 17,000 people from top companies including Netflix, Spotify, Apple and more who all receive their weekly briefing to stay up to date.

Find out more

Tools

CSS Timeline

A timeline that shows CSS evolution and the history of tooling, libraries, frameworks, and more.

Check it out

SmartShape

SmartShape is a library that allows you to create interactive vector shapes for the web.

Check it out

Inspiration

CSS-Only People Making Waves

CSS-Only People Making Waves

Stanko created an impressive animated illustration using CSS.

Get inspired

Until Next Week

Thank you so much for reading!

If you still haven’t, check out my upcoming course Mastering Prettier & Stylelint. And use the coupon code SUBSCRIBER20 to get additional 20% off on the Masterclass package as a CSS Weekly subscriber.

Happy coding,
Zoran Jambor

Issue #531 Issue #533

CSS Stickers!

CSS Stickers set.

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.

Enroll Now »

Follow CSS Weekly

YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers
YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers

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