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

Issue #501

April 21, 2022

Picture Perfect Images With the Modern Element

Picture Perfect Images With the Modern  Element

Addy Osmani outlines how images can affect your web app’s performance and explains how they can help you improve user-experience and the Core Web Vitals.

Read more

CSS Toggles Explainer & Proposal

CSS Toggles Explainer & Proposal

Miriam Suzanne and Tab Atkins Jr. share a proposal for CSS toggles, a mechanism for associating toggleable state with a DOM element.

Read more

From Our Sponsor

Advertise in CSS Weekly and Reach Your Ideal, Engaged Audience

Advertise in CSS Weekly and Reach Your Ideal, Engaged Audience

Do you want to improve your brand awareness and reach? Book an ad in CSS Weekly, and speak directly to 30,000+ front-end developers and designers.

Learn More

From Our YouTube Channel

5 Default VS Code Settings You Should Tweak Immediately

5 Default VS Code Settings You Should Tweak Immediately

A couple of handy VS Code tips that will make you more productive and your coding environment much nicer for work.

Watch video

Articles & Tutorials

Stop Using Shorthands in Your CSS

Kevin Powell outlines the potential issues that can arise when you use Shorthands in CSS.

Watch video

Forced Colors Explained: A Practical Guide

Kilian Valkhof explores the Forced Colors CSS media query, explains where it comes from, how it changes your site, and how you can adapt to it.

Read more

Childish Font Sizes

Tyler Sticka explains why you should use larger font sizes for longer passages of content.

Read more

Optimizing SVG Patterns to Their Smallest Size

Bence Szabó shares how to optimize SVG patterns so that they contain as little code as possible without affecting the overall image quality.

Read more

How to Fix Your Low-Contrast Text

Ben Myers gives some advice on improving the accessibility of your text.

Read more

Promoted Link

Effortless time tracking to improve your work-life balance 🌱

Effortless time tracking to improve your work-life balance 🌱

With Timeular you can easily track your time and discover where it goes. Get started in minutes and we’ll help you set new habits and optimize your day for deep work 👩‍💻
Seriously, no more overwhelming features 🙌 and it works for teams too!

Use code CSSWEEKLY to get 20% off the yearly Pro plan 🎉

Start your free trial today!

Tools

Tabler Icons

Tabler Icons is a set of over 1700 free MIT-licensed high-quality SVG icons for you to use in your web projects.

Check it out

Icon Shelf

Icon Shelf is an SVG icon manager for developers, available for Mac, Windows, and Linux.

Check it out

Inspiration

CSS MonDDDrian ✨

CSS MonDDDrian ✨

Jhey Tompkins created an impressive, artistic, interactive demo using CSS and JavaScript.

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 #500 Issue #502

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.