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

Issue #565

October 31, 2023

CSS prefers-reduced-transparency

CSS prefers-reduced-transparency

Adam Argyle explains how to optimize and adjust the experience for users who prefer an opaque UI.

Read more

A Couple of New CSS Functions I’d Never Heard Of

A Couple of New CSS Functions I’d Never Heard Of

Chris Coyier gives a short overview of new CSS functions light-dark(), xywh(), round(), perspective().

Read more

From Our Sponsor

Elevate Your Web Apps with FREE Admin Dashboard Templates & UI kits.! 🚀

Elevate Your Web Apps with FREE Admin Dashboard Templates & UI kits.! 🚀

Upgrade your projects effortlessly with our cutting-edge 🎁 FREE Admin Dashboard Templates & UI Kits, available for Bootstrap, React, Vuejs, Laravel, Django, and more.

Download Now

CSS Weekly on YouTube

▶ Exploring Front-End of Photoshop Online

▶ Exploring Front-End of Photoshop Online

A look at behind-the-scenes of online Photoshop to understand what it took to bring Photoshop to the web, from Web Components (Spectrum framework) to some interesting code patterns, with a focus on CSS.

Watch video

▶ Best Visual Studio Code Product Icon Themes

▶ Best Visual Studio Code Product Icon Themes

An overview of fantastic VSCode Product Icon Themes that should make your VSCode UI nicer and you a bit more productive.

Watch video

▶ How To Style console.log() Messages

A quick tip showing you how to use format specifiers (%c) to style console.log() messages in DevTools.

Watch video

Articles & Tutorials

Better dynamic themes in Tailwind with OKLCH color magic

Dan Kozlov and Travis Turner delve into the dynamic theming with Tailwind CSS, explaining how to make Tailwind play nice with CSS variables, OKLCH colors, and dynamic themes.

Read more

Making a nice neon button

Zell Liew demonstrates how to create a stunningly-looking button.

Read more

View transitions and stacking context: Why does my CSS View Transition ignore z-index?

Nic Chan outlines a problem with view transitions and shares a workaround.

Read more

Being Picky about a CSS Reset for Fun & Pleasure

Chris Coyier explains line-by-line his CSS Reset strategy.

Read more

▶ How to inspect HTML elements removed from the DOM

Marcel Pociot shows a quick tip on properly inspecting and debugging elements that get removed from the DOM as soon as the element loses focus.

Watch video

Promoted Link

Retool - The fastest way to develop effective software

Retool - The fastest way to develop effective software

Retool is the fast way for developers to build and share internal tools. Drag and drop components to create apps. Seamlessly switch between a visual builder and code to define how they look, act, and connect to data. The result—less tedious work and more user-friendly apps for every team.

Get started for free

Tools

CSS Size Analyzer

CSS Size Analyzer is an online tool that will help you analyze your CSS document size by selector and declarations.

Check it out

Build a Better Mobile Input

An online tool that will help you experiment with different combinations of the related type and inputmode attributes for better user experience.

Check it out

Inspiration

Image Layer Animations with Clip-Path

Image Layer Animations with Clip-Path

Manoela Ilic shares some ideas for speedy page transition animations with layered images using clip-path.

Get inspired

Until Next Week

Thank you so much for reading!

If you want to support this newsletter and my work, check out my other CSS-related projects:
• CSS Weekly YouTube Channel
• Mastering Linting
• CSS Stickers

Happy coding,
Zoran Jambor

PS. Use the coupon code CSSFRIENDS to get additional 40% discount on the Masterclass package of Mastering Linting Course.

Issue #564 Issue #566

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.