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

Issue #584

April 12, 2024

Desert Racer: World's First CSS-Only Swipe-Aware Game!

Desert Racer: World's First CSS-Only Swipe-Aware Game!

Philip Warkentien II created a CSS-only, no JS, no checkbox, swipe-aware (scroll-aware) game. In this article, you’ll learn exactly how it was built.

Read more

An Interactive Guide to CSS Container Queries

An Interactive Guide to CSS Container Queries

Ahmad Shadeed shares an interactive guide to container queries, explaining the problems they solve, how they work, and how you can use them today in your workflows.

Read more

From Our Sponsor

WorkOS: modern auth for B2B SaaS apps

WorkOS: modern auth for B2B SaaS apps

WorkOS supports both the foundational auth as well as more complex enterprise features like single sign-on (SSO).

It provides flexible and easy-to-use APIs, helping companies like Vercel, Loom, and Webflow offer enterprise-grade auth.

Best of all, WorkOS User Management supports up to 1 million MAUs for free.

Get started for free

CSS Weekly on YouTube

▶ Email Obfuscation Using CSS

▶ Email Obfuscation Using CSS

Learn how email obfuscation works and why you should obfuscate your emails using CSS.

Watch video

Articles & Tutorials

Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript

Henry Bley-Vroman will walk you through a new possibility to implement Dark Mode that leans into cutting-edge CSS, with minimal JavaScript to support persisting the user’s color scheme preference across pages.

Read more

Infinite-Scrolling Logos In Flat HTML And Pure CSS

Silvestar Bistrović demonstrates a CSS-only technique to create an infinite-scrolling list of images with as little HTML as possible.

Read more

Testing HTML With Modern CSS

Heydon Pickering shows how to use modern CSS selectors to find and expose bad markup.

Read more

Hanging punctuation in CSS

Jeremy Keith shows how hanging-punctuation works, a CSS property that lets you extend punctuation marks such as opening quotes.

Read more

The box model and box sizing

Andy Bell gives a quick run-through of the box model and box sizing.

Read more

What Have I Been up To

Mastering Linting: Stylelint Basics

Mastering Linting: Stylelint Basics

I’ve published a new module for my course, Mastering Linting, in which I explain in detail how to set up Stylelint.

You’ll learn how to configure it, use it from the command line, and set it up in VS Code.

You’ll also gain an understanding of how the different types of rules available in Stylelint work and how they can help you avoid errors and enforce conventions in your CSS.

Use coupon code STYLELINTBASICS to get an extra 25% off on an already discounted pre-sale price at the checkout.

Enroll Now »

Tools

Scroll-Driven Animations

Bramus Van Damme created a bunch of demos and tools to show off Scroll-driven Animations.

Check it out

Anchor Position Tool

A handy online tool that will help you find the right inset-area for anchor positioning.

Check it out

Inspiration

On-Scroll Expanding Image Animation within Typography

On-Scroll Expanding Image Animation within Typography

Manoela Ilic created a stunning on-scroll expanding image animation.

Get inspired

Until Next Week

Thank you so much for reading!

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

Happy coding,
Zoran Jambor

Issue #583 Issue #585

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.