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

Issue #595

October 3, 2024

Building the Perfect Logo Strip

Building the Perfect Logo Strip

Nils Binder shows a clever technique to create a visually balanced row of logos.

Read more

Split Effects with no Content Duplication

Split Effects with no Content Duplication

Ana Tudor explains in detail how to create a split effect without content duplication.

Read more

From Our Sponsor

Product for Engineers: A newsletter helping flex your product muscle

Product for Engineers: A newsletter helping flex your product muscle

Product for Engineers is PostHog’s newsletter helping engineers improve their product skills. Subscribe to get curated advice on building great products, lessons (and mistakes) from building PostHog, and deep dives into the strategies of top startups.

Subscribe for free

CSS Weekly on YouTube

▶ Navigate Large Files Faster with Minimap Section Headers in VS Code

▶ Navigate Large Files Faster with Minimap Section Headers in VS Code

Visual Studio Code tip showing you how to make Minimap useful by utilizing Mark Section Headers and Region Section Headers, with an explanation of how Max Column option works.

Watch video

Articles & Tutorials

An Abridged History of Safari Showstoppers

Roderick Gadellaa outlines some challenges developers face when working with Safari.

Read more

▶ Dynamic Numbering with CSS Counters

Kevin Powell demonstrates how powerful CSS Counters can be.

(A while ago, I published a quick tip on using @counter-style CSS at-rule, which can also help you create custom counters, in case you want to check it out.)

Watch video

Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.

Bramus Van Damme explains how to create a CSS-only sticky header that hides and shows depending on the scroll direction, based on a demo by Fabrizio Calderan.

Read more

Building a Dynamic Background Effect

Ryan Finni shows how to create a randomized, animated icon background for any content section.

Read more

Interview With Björn Ottosson, Creator Of The Oklab Color Space

Björn Ottosson, the Swedish engineer who created Oklab color space, explains how he developed a simple yet effective model with good hue uniformity while also handling lightness and saturation well — and is “okay” to use.

Read more

Sponsored Link

Level Up Your Coding Skills With Scrimba

Level Up Your Coding Skills With Scrimba

Level up your coding skills and build awesome projects in a variety of languages and frameworks, including HTML, CSS, JavaScript, React, TypeScript, and more.

As a CSS Weekly reader, you will get a 20% discount if you upgrade to Scrimba Pro to get access to all of their courses—only valid for the next few hours.

Start Learning Today

Tools

SVG Collector

SVG Collector is a lightweight Chrome extension that allows you to collect, copy, and download SVG elements from any website.

Check it out

PlaceholderJS

PlaceholderJS is a placeholder service designed for developers that integrates seamlessly with React & NextJS.

Check it out

Inspiration

CSS Music Video - No Images - Pure Code.

CSS Music Video - No Images - Pure Code.

Ben Evans created a more than stunning CSS-only music video. Watch, listen, and admire Ben’s CSS art.

Get inspired

Until Next Week

Recently, I restarted my Frontend News series on YouTube, which complements this newsletter and allows a bit more of my commentary than this newsletter format.

Here are the last few episodes:
• Frontend News #6: One Million Checkboxes, Can I Use CLI
• Frontend News #5: ChatGPT CSS, Custom Range Sliders
• Frontend News #4: State of CSS 2024, Syntax Highlighting

I’d be thrilled if you checked it out and even more if you subscribed to CSS Weekly YouTube channel.

Happy coding,
Zoran Jambor


PS. If you want to support this newsletter and my work, check out:
• CSS Stickers
• CSS Weekly Patreon
• CSS Weekly YouTube Channel
• Mastering Linting

Issue #594 Issue #596

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.