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

Issue #522

September 22, 2022

The Power of CSS Blend Modes

The Power of CSS Blend Modes

Scott Vandehey demonstrates what is possible to create using CSS blend modes.

Read more

When is it OK to Disable Text Selection?

When is it OK to Disable Text Selection?

Daniel Schwarz explores some legitimate use-cases for disabling user text selection to improve (not hinder) user experiences.

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

WebDev News #1: Safari16 Features, Refreshing Browser When Writing CSS

WebDev News #1: Safari16 Features, Refreshing Browser When Writing CSS

A new video series I started to complement CSS Weekly newsletter. In the first episode, find out which new features are available in Safari 16, how CSS Specificity works, how often developers refresh the browser when writing CSS, and more.

Watch video

Creative Section Breaks Using CSS Clip-Path

Creative Section Breaks Using CSS Clip-Path

Learn how to use CSS clip-path and Clip Path editor in Firefox DevTools to create beautiful, fluid section breaks, dividers, and separators.

Watch video

Articles & Tutorials

A Whole Cascade of Layers

Miriam Eric Suzanne shares her approach to structuring CSS.

Read more

Let’s Get Logical

Jeremy Keith outlines the challenges he faced when transitioning to logical properties.

Read more

Thanks iPhone 14, Designing for Device Sizes Is Dead

Kilian Valkhof reminds you that you need to let go of the idea that you’re designing a site to fit devices—you’re designing a site to fit its content.

Read more

Dreamy Blur

Yuan Chuan shows how to create a dreamy effect using CSS.

Read more

Dominant Hand Respecting Design

Kitty Giraudel explores the idea of detecting the visitor’s primary hand to adjust the position of call-to-actions.

Read more

Promoted Link

Sharpen your web design skills in just three days

Sharpen your web design skills in just three days

Join us at An Event Apart Denver this coming October 10–12 for fifteen enlightening sessions on new CSS features, design system tooling, accessibility, responsive animation, global design, allying UX with SEO, and more.

CSS Weekly subscribers can save $100 on multi-day passes with promo code AEACSSW22.

See the agenda and register now!

Tools

Link Preview JS

A tool to extract web link information: title, description, images, videos, etc. [via OpenGraph].

Check it out

OkSo

OkSo is a minimalistic online drawing app.

Check it out

Inspiration

Menu to Grid Layout Animation

Menu to Grid Layout Animation

Mary Lou created an impressive layout animation where the thumbnails of a menu row animate to their position in a content preview grid.

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 #521 Issue #523

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.