CSS-Tricks Screencasts

Latest Episodes:

#211: Building a Paid Subscription Newsletter with MailPoet + WooCommerce + WordPress Aug 16, 2021

Show notes

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, making it a very cost-friendly …

#210: Yapping About Astro Aug 09, 2021

Show notes

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 06, 2021

Show notes

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 30, 2021

Show notes

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 23, 2021

Show notes

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 12, 2021

Show notes

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 15, 2021

Show notes

How it works

You 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 04, 2021

Show notes

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 03, 2021

Show notes

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 site’s …

#202: Centered List Markers Jan 15, 2021

Show notes

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 …

Our TOPPODCAST Picks

Follow Us

Stay Connected

Related Podcasts

Links

Stay Connected