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

Issue #453

March 30, 2021

Building a Settings Component

Building a Settings Component

Adam Argyle gives a foundational overview of how to build a settings component of sliders and checkboxes.

Read more

Not Your Typical Horizontal Rules

Not Your Typical Horizontal Rules

Sara Soueidan demonstrates how to add a personal touch to horizontal rules while keeping them accessible.

Read more

From Our Sponsor (via Paved)

Never format messy spreadsheets again

Never format messy spreadsheets again

One of the worst ways to spend your time is manually formatting customer spreadsheets. Enter Flatfile Portal, the elegant import button. Portal is a turnkey data importer that integrates with your product to automatically format, validate, and transform customer spreadsheets, on the first try.

Start for free

Articles & Tutorials

Animating Underlines

Michelle Barker shows how to animate the actual text underlines using some of the newer text-decoration properties.

Read more

Building a Magical 3D Button

Josh W. Comeau explains how to build an animated 3D button with HTML and CSS that sparks joy.

Read more

Did You Know About the :has CSS Selector?

Robin Rendle gives a short introduction to the :has selector.

Read more

Handling Text Over Images in CSS

Ahmad Shadeed explores different approaches and solutions for handling text over images.

Read more

Image Fragmentation Effect With CSS Masks and Custom Properties

Temani Afif demonstrates how to create astonishing image fragmentation effects.

Read more

Promoted Link

Explore the intersection of accessibility, usability, and inclusion

Explore the intersection of accessibility, usability, and inclusion

Inclusion and diversity are two of the most important themes in today’s world. As UX and front-end experts, it’s our responsibility to actively explore how our work impacts all users, not just an idealized average.

An Event Apart Online Together: Spring Summit features essential sessions Derek Featherstone, Senongo Akpem, Sharon Steed, Melanie Richards, and David Dylan Thomas to help you get started. Join us online April 19–21.

See the agenda and sign up today!

Tools

Charts.css

Charts.css is an open-source CSS framework for data visualization that turns data into beautiful charts and graphs using simple CSS classes.

Check it out

Flowchart-Fun

Flowchart-Fun is an online app for making quick flowcharts from text.

Check it out

Inspiration

Only CSS: Satellite

Only CSS: Satellite

Yusuke Nakaya created a stunning animation 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 #452 Issue #454

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.