Thumbnail for #202: Centered List Markers

#202 Centered List Markers

Running Time: 10:13

Like so many things CSS, there is all sorts of little stuff to know, even something as minuscule as centering a list marker.

A reader wrote in with a screenshot of what they were trying to accomplish — basically an …

Watch the Screencast
Thumbnail for #201: Doing Booping

#201 Doing Booping

Running Time: 15:42

Joshua Comeau crowd-coined the term “boop” (high five, Adam Kuhn). These are sorta like hover/focus states, except that they aren’t. Your thingies — things like links, buttons, etc. — should still have those states. A “boop” is a more …

Watch the Screencast
Thumbnail for #199: Messing with JSX

#199 Messing with JSX

Running Time: 12:22

I probably should have learned this long ago, but alas, here we are. Turns out you can tell what function you want JSX to use. Yep, JSX really only has one primary transformation that it does. It turns angle brackets …

Watch the Screencast
Thumbnail for #195: How to Draw a Line with CSS

#195 How to Draw a Line with CSS

Running Time: 16:00

Stupid simple, right? It is! But it’s fun to think about for a few minutes and count a bunch of different ways we could do it. And what do I mean by a line anyway? We’ll mostly talk about a …

Watch the Screencast
Thumbnail for #193: Scully: the SSG for Angular

#193 Scully

Running Time: 01:03:24

Tara Z. Manicsic joined me for this video, setting up the very basics of Scully, which is a Static Site Generator for Angular — nay, the SSG for Angular, as Tara pointed out to me.

I don’t know much Angular …

Watch the Screencast
Thumbnail for #189: Notion for Personal & Public Use

#189 Notion for Personal & Public Use

Running Time: 21:54

This is the last video in our little series on using Notion. We’ve covered how Notion is great for working on web development teams. But another thing that makes Notion great is that it’s useful for yourself too. …

Watch the Screencast
Thumbnail for #184: Inside & Aligned Lists

#184 Inside & Aligned Lists

Running Time: 18:30

The fact that lists render their markers outside their own box (by default) is slightly weird. Any hidden overflow or overhanging off the edge of the browser will hide them. Moving them inside the box feels better and safer, but …

Watch the Screencast

Free Video Courses

Video Course (2015)

Everything You Need To Know About SVG

Using SVG can be very simple, but if you start digging in, there is a lot to know about SVG. In his series you're going to learn why SVG is such an important part of building websites. From why SVG is useful and how to get your hands on it all the way to implementing it as a system and fancy stuff like animating it.

Go to Course →