With MailPoet and WooCommerce, we can build a paid subscription newsletter into a WordPress website. Our only costs are transaction fees, whatever WordPress hosting we might need, and a yearly fee for WooCommerce Subscriptions, m

#210: Yapping About Astro

Aug 9th, 2021 26m 28s

I think Astro is a pretty cool bit of technology for building websites! Should we call it a framework? We’ll get into that in the video. How can we call it a framework if it asks you to “bring your …

#209: A Netflix Clone with DataStax Astra and Netlify

Aug 6th, 2021 50m 53s

I paired up with David Jones-Gilardi of DataStax to go through one of the workshops they have put together (with Ania Kubów, who has a video you should watch as well) that does a good job of showcasing how …

#208: A CSS Grid Layout with Pictures Down One Side Matched Up with Paragraphs on the Other

Jul 30th, 2021 21m 17s

This is the video version of a blog post we did asking the question: How do you make a layout with pictures down one side of a page matched up with paragraphs on the other side?It’s a satisfying answer because …

#207: Performance Testing CSS-Tricks with WebPageTest

Jul 23rd, 2021 1h 13m

I get a hands-on performance review with Tim Kadlec of WebPageTest! This is a real honor as Tim is a real performance guru who knows WebPageTest in and out. I’m all about getting a little free consulting helping y’all …

#206: Building a Data-Backed Next.js Site with Prisma & App Platform

Jul 12th, 2021 42m 7s

I’m joined by Chris Sev from Digital Ocean to talk about their new App Platform. We’re going to use it to build a little website. The site will be blog-like: posts with IDs, titles, content, and the more dynamic …

#205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks

Mar 15th, 2021 19m 17s

How it worksYou apply position: sticky; to an element along with a top, left, right, or bottom threshold and it will “stick” in that position when the threshold is passed, as long as there is room …

#204: Using the axe DevTools Web Accessibility Testing Browser Plugin

Mar 4th, 2021 31m 40s

In this video, I’m joined by Preety Kumar of Deque to take a look at their DevTools plugin for axe. Short story: this is an amazing plugin that helps you quickly find accessibility problems on any website, then helps …

#203: A First Look at Cloudflare Pages

Mar 3rd, 2021 29m 58s

Cloudflare Pages is Jamstack hosting, meaning it’s a static file host that runs your builds and lets you do dynamic things with JavaScript and services. You might normally think of Cloudflare as something you put in front of your

#202: Centered List Markers

Jan 15th, 2021 10m 13s

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 …

#201: Doing Booping

Dec 21st, 2020 15m 42s

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

#200: Scroll to Zoom

Dec 10th, 2020 10m 5s

Fair warning: you aren’t going to need this every day! I just happened to be looking at a neat little SVG warping tool that had a feature where my mouse scroll wheel (or trackpad) could be used to zoom the …

#199: Messing with JSX

Dec 9th, 2020 12m 22s

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 …

#198: About the Position Property

Nov 20th, 2020 13m 56s

static: the default relative: allows you to nudge around with top/right/bottom/left, making z-index work, gives you a positioning contextabsolute: top/right/bottom/left moves the element …

#197: A Look at Stackbit and Stackbit Studio

Nov 2nd, 2020 40m 11s

The Stackbit app helps you kick out a new Jamstack site very quickly. Pick a theme, a static site generator, and a CMS and it’ll get a repo going for you on the double. Stackbit has gotten much more powerful …

#196: Learning Grid & Flexbox with Kyle Simpson

Oct 30th, 2020 1h

Kyle is a JavaScript guy. He knows a ton about the web, and plenty about CSS too, but isn’t as up-to-date on modern CSS layout tools like flexbox and grid. We didn’t go from 0 to 100 here, but …

#195: How to Draw a Line with CSS

Sep 25th, 2020 16m

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 …

#194: Jetpack’s Social Integration

Sep 24th, 2020 7m 50s

Jetpack can help automate your site’s social media. It’s a pretty small feature compared to all the huge stuff Jetpack can do, like improve your site’s search, back it up, and protect it. But it’s a …

#193: Scully: the SSG for Angular

Sep 23rd, 2020 1h 3m

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 …

#192: Git Tricks for Getting Yourself Out of Trouble

Sep 14th, 2020 1h 11m

As amazing as Git is for handling your source code, you can certain git (lol) yourself into trouble. What if you make a change to a file and you want to get rid of the change? What if you just …

#191: Learn by doing: CUBE CSS

Aug 11th, 2020 1h 10m

Andy Bell joins me to talk through his CSS methodology he calls CUBE CSS. That’s Composition, Utility, Block, and Exception.…

#190: CSS Custom Properties Penetrate the Shadow DOM

Jul 28th, 2020 16m

One of the whole points of the Shadow DOM is that it provides encapsulation. No styles out, no styles in. But there are ways “through” the Shadow DOM, and one of them that is pretty cool and useful is using …

#189: Notion for Personal & Public Use

Jun 5th, 2020 21m 54s

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. …

#188: Exploring the Overlapping Header Pattern

May 29th, 2020 27m 35s

Snook published an article titled “Overlapping Header with CSS Grid” where he looks at a header design pattern that I feel transcends trends and has been popular forever. The idea is that the header is oversized and the …

#187: Notion for Team Meetings & Documentation

May 25th, 2020 30m 37s

This is the second video in 3-video series on using Notion. In Part 1 we covered a lot of ground on what Notion is how it’s great for any team, and web development teams in particular.In this video, …