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

Issue #485

December 15, 2021

Breaking Out of the Box

Breaking Out of the Box

Patrick Brosset explains how Window Controls Overlay for Progressive Web Apps (PWAs) makes it possible to take advantage of the full surface area of the app, including where the title bar appears typically.

Read more

Dynamic Color Manipulation with CSS Relative Colors

Dynamic Color Manipulation with CSS Relative Colors

Jim Nielsen shows how CSS relative colors enable dynamic color manipulation in vanilla CSS.

Read more

From Our Sponsor

Happy Holidays!
50% Discount At UnusedCSS!

Happy Holidays! 50% Discount At UnusedCSS!

CSS Weekly has partnered with UnusedCSS to get you an exclusive 50% discount off your first payment over the holiday season (including annual payments so grab a bargain while it lasts).

UnusedCSS quickly and easily reduces CSS code on live websites – you have until 31st December to start cleaning!

Claim 50% Discount

Articles & Tutorials

Standardizing Focus Styles With CSS Custom Properties

Stephanie Eckles looks at a technique to make your focus styles more manageable across your project by using CSS custom properties.

Read more

The State of CSS 2021 Results

The results for the annual State of CSS survey are in.
Conclusion? The way you write CSS is about to change forever.

Read more

Building a Toast Component

Adam Argyle gives a foundational overview of building an adaptive and accessible toast component.

Read more

Details / Summary

Stephanie Eckles demonstrates how the details and summary pair of HTML elements provide a native disclosure pattern without requiring extra JavaScript.

Read more

Combat CSS Blockage With This One Weird Little Trick

Stoyan Stefanov shows how to prevent CSS from blocking rendering by dataURI-fying your inline JavaScript.

Read more

Promoted Link (via Letterwell)

Find out why over 3 million people read Morning Brew

Find out why over 3 million people read Morning Brew

Morning Brew is a newsletter that keeps you informed and entertained, and always in the loop.

Learn more

Tools

Tiny UI Toggle

A library that toggles the state of a UI element to easily create various components like collapse, accordion, tabs, dropdown, dialog/modal.

Check it out

ffflux

ffflux is an online SVG generator for fluid gradient backgrounds that lets you effortlessly generate fluid and organic-feeling gradients.

Check it out

Inspiration

3D CSpaceShip - GSAP

3D CSpaceShip - GSAP

Ricardo Oliva Alonso created a stunning 3d animated spaceship using CSS and GSAP.

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 #484 Issue #486

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.