Category: CSS and SASS

From July 4, 2022

Cool CSS Selectors

One of the spoils of using Sass is the liberal use of nested selectors, allowing a high level of specificity. CSS is closing that gap, though!

Read More
From July 1, 2022

SVG in CSS

SVG can ensure clearness and proper scaling. And when used directly in CSS, cut down on a network request.

Read More
From March 13, 2022

Everyday Sass Tools

I use Sass’s CLI a lot and wanted to drop some useful notes.

Read More
From January 16, 2022

Gradients in CSS

A *lot* is possible with gradients in CSS – from the classic linear, to conic, it’s all SUPER fun stuff.

Read More
From September 6, 2021

Let’s Build A More Accessible Collapsible

Collapsible elements are useful pieces of UI that make digesting lots of content easier. But they’re often not accessible.

Read More
From March 1, 2021

Hover and Pointer Media Queries

Hover and Pointer events on mobile are …hard.

Read More
From February 6, 2021

Image Gallery with CSS Grid

I built an image gallery with CSS grid and a lightbox. CSS Grid is great fun.

Read More
From December 15, 2020

Backdrop-filter: Glassmorphism?

Before finding backdrop-filter, I would make text readable by using Photoshop to darken and blur a background image. This function makes that so much easier

Read More
From August 13, 2019

Color Changing Input

I saw an input field that changes backgrounds based on input. I’m interested in what happens when a color is typed in to the field and how that was built

Read More
From November 30, 2018

Parallax with vanilla JS (and more!)

This short demo contains two simple things: darkening background images using pure CSS and a simple, easy to understand, vanilla JavaScript parallax.

Read More