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

Issue #496

March 16, 2022

Horizontal Scrolling Nav

Horizontal Scrolling Nav

Mark Otto demonstrates how to build responsive horizontal navigation with an overflow scroll that automatically scrolls the active nav link into view.

Read more

How To Test if There Is Any Element Outside the Viewport With Cypress

How To Test if There Is Any Element Outside the Viewport With Cypress

Ismael Ramos explains how to use Cypress to create an automated test that checks if there is an element out of the viewport.

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

Articles & Tutorials

Taming CSS Variables with Web Inspector

Razvan Caliman outlines the improvements made to Safari’s Web Inspector to help you work easier with CSS variables.

Read more

A Look at the Dialog Element's Super Powers

Stefan Judis looks at the new dialog element and outlines how it provides better focus handling.

Read more

Aligning Content In Different Wrappers

Ahmad Shadeed shows how to align content with another section, given that they are placed in different wrappers.

Read more

In Defense of Sass

Stephanie Eckles shares how Sass can be an excellent complement to how you approach writing styles, particularly in a team environment.

Read more

How to Make a “Raise the Curtains” Effect in CSS

Silvestar Bistrović shows how to create an effect where the background goes from dark to light on scroll while the content on top also goes from light to dark while in a sticky position.

Read more

Promoted Link

Also prefer fundamental CSS knowledge over hypes?

Also prefer fundamental CSS knowledge over hypes?

You’re not alone, and we’ve got just the conference for you. CSS Day is a deep-diving, content-focused CSS conference in Amsterdam, NL. We ask our speakers to treat CSS & design topics that they themselves, as well as our attendees, can geek out on. On June 9th & 10th, after a two-year silence, we’ll host our 8th edition.

See our line-up

Tools

CSS Checker

A tool that shows similar and duplicated CSS with diff, designed to work well for local development and automation like CI.

Check it out

A11y AutomationTracker

A more thorough way to track the potential accessibility violations, automated linters, and tests currently available.

Check it out

Inspiration

Pure CSS - Pikachu in 3D Box

Pure CSS - Pikachu in 3D Box

A stunning, interactive, animated illustration created in pure 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 #495 Issue #497

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.