Issue #496

March 16, 2022

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.

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.

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.

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.

Aligning Content In Different Wrappers

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

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.

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.

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