Skip to main content

Alex Carpenter

Front-end Web Developer

Screencasts ¬

Weekly web development screencasts

Introduction to the CSS :not selector

Here is a quick introduction to one of my favorite selectors in CSS, the :not selector. This helps reduce the amount of times you have to undo CSS declarations in your codebase.

Build your own grid with flexbox

There are plenty of ways to layout content on a website. Most revolve around some type of grid setup. In this screencast I walk through a simple and effective way to build your own grid setup using flexbox.

Intrinsic Ratios with CSS

How to use intrinsic ratios with CSS to keep content from "shifting" as embedded media is loaded.

CSS Flexbox Trident Pattern

Learn how to build the trident pattern with Flexbox. No absolute positioned elements or grid frameworks needed.