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

Issue #499

April 6, 2022

Variable Fonts in Real Life: How To Use and Love Them

Variable Fonts in Real Life: How To Use and Love Them

Roman Shamin and Travis Turner look at variable fonts with practical examples, file optimization, and accessibility benefits.

Read more

The Art of CSS Art

The Art of CSS Art

Njong Emy shares some advice on starting to create CSS art.

Read more

From Our Sponsor

Create a better interface for any business problem with Retool

Create a better interface for any business problem with Retool

You don’t have to be a frontend expert to build beautiful apps. Retool provides a powerful platform to build UI, connect to data, and publish your app 10x faster. Skip boilerplate code with 90+ pre-built components, and write code nearly anywhere to customize how your apps look and work.

Explore our component library here

From Our YouTube Channel

How To Create Animated Anchor Links Using CSS

How To Create Animated Anchor Links Using CSS

In this quick tip, you’ll learn to create animated anchor links using CSS scroll-behavior property.

Watch video

A Simple Way to Create a Slideshow Using Pure CSS

Learn how to create a fully functional slideshow using CSS Scroll Snap. You basically need 3 CSS properties to make custom scrolling behavior work: scroll-snap-type, scroll-snap-align, and optionally scroll-snap-stop. In this video, you’ll learn how these properties work and the drawbacks of using this technique.

Watch video

Articles & Tutorials

Exciting Times for Browsers (and CSS)

Michelle Barker gives an overview of new things coming to browsers in the near future.

Read more

Designing a Better Infinite Scroll

Vitaly Friedman outlines the problems with infinite scroll and offers some advice on designing a better infinite scroll experience.

Read more

How To Match HTML Elements With an Indeterminate State

Stefan Judis explains how to use the :indeterminate CSS pseudo-class to match different elements with an indeterminate state.

Read more

Tweaking In The Browser

Ahmad Shadeed shares his perspective on designing in the browser and explains why and how he uses both design tools and browsers.

Read more

Accessible Cards

Kitty Giraudel explains how to create an accessible card component.

Read more

Promoted Link

Design. Code, Content. 3 Days of Intense Learning.

Design. Code, Content. 3 Days of Intense Learning.

Looking to up your UX design game?

Join us online April 18–20 for An Event Apart Spring Summit 2022 — a 3-day online conference with deep insights into advanced CSS, new design frontiers, container queries, web components, web platform features, SEO + UX, tackling organizational barriers, and more.

Save $100 on any multi-day pass with promo code AEACSSW22.

See the detailed 3-day schedule and register now.

Tools

Avvvatars

Avvvatars is a collection of beautifully crafted unique avatar placeholders, available as a React package and a Figma library.

Check it out

Faker

A tool that will help you generate massive amounts of fake (but realistic) data for testing and development.

Check it out

Inspiration

Minecraft 3D CSS Bee 🐝

Minecraft 3D CSS Bee 🐝

Ibrahim Fariat created a stunning, animated scene using CSS.

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

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.