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

Issue #448

February 23, 2021

Create Responsive Image Effects With CSS Gradients And aspect-ratio

Create Responsive Image Effects With CSS Gradients And aspect-ratio

Stephanie Eckles explains how to use the newly supported aspect-ratio property combined with object-fit to maintain the aspect ratio of images across related components.

Read more

Building a Tabs Component

Building a Tabs Component

Adam Argyle gives a foundational overview of building a tabs component similar to those found in iOS and Android apps.

Read more

From Our Sponsor (via Paved)

Beautifully designed workspaces for B2B data import

Beautifully designed workspaces for B2B data import

Invite customers to securely import, format, or merge spreadsheet data with Flatfile Concierge. No fumbling with FTP uploads, or formatting yet another CSV template. Best of all? No code required. Build collaborative workspaces for data onboarding in minutes and never format spreadsheets again.

Get access today

Articles & Tutorials

Diving Into the ::before and ::after Pseudo-Elements

Will Boyd shares an in-depth guide to ::before and ::after pseudo-elements.

Read more

Use CSS Variables instead of React Context

Kent C. Dodds explains how and why you should use CSS variables (custom properties) for theming your React apps instead of React context.

Read more

What the Heck, z-index?

Josh W. Comeau explores stacking contexts, one of the most misunderstood mechanisms in CSS.

Read more

Debugging Layout Repaint Issues Triggered by CSS Transition

Dzhavat Ushev demonstrates how to find a solution to an issue with layout repaint.

Read more

Hiding Content Responsibly

Kitty Giraudel discusses different ways to hide content, be it through HTML or CSS, and when to use which.

Read more

Promoted Link

2021 Predictions for UX and Front-End Experts | A Free Resource from An Event Apart

2021 Predictions for UX and Front-End Experts | A Free Resource from An Event Apart

Hear new perspectives and informed insights on topics as varied as sustainability, CSS Grid, trust in content, privacy, frameworks, social concerns, web components, container queries, and much more.

Download our free PDF now!

Tools

Github1s

Github1s is a tool to view Github repos in VS Code interface directly in the browser simply by adding 1s to the repo URL.

Check it out

Avif.io

Avif.io is an online tool to convert images to AVIF format.

Check it out

Inspiration

Only CSS: Polygon Fish

Only CSS: Polygon Fish

Yusuke Nakaya built a charming animation using only 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 #447 Issue #449

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.