Home
Categories
EXPLORE
True Crime
Comedy
Society & Culture
Business
News
Sports
TV & Film
About Us
Contact Us
Copyright
© 2024 PodJoint
Podjoint Logo
US
00:00 / 00:00
Sign in

or

Don't have an account?
Sign up
Forgot password
https://is1-ssl.mzstatic.com/image/thumb/Podcasts116/v4/28/eb/a4/28eba46f-4117-8dc4-c1f3-e97d85ca897e/mza_2781141245445168168.png/600x600bb.jpg
CSS-Tricks Screencasts
CSS-Tricks
211 episodes
3 months ago
CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design.
Show more...
Technology
RSS
All content for CSS-Tricks Screencasts is the property of CSS-Tricks and is served directly from their servers with no modification, redirects, or rehosting. The podcast is not affiliated with or endorsed by Podjoint in any way.
CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design.
Show more...
Technology
Episodes (20/211)
CSS-Tricks Screencasts
#211: Building a Paid Subscription Newsletter with MailPoet + WooCommerce + WordPress

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 …

Show more...
4 years ago
31 minutes 26 seconds

CSS-Tricks Screencasts
#210: Yapping About Astro

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 …

Show more...
4 years ago
26 minutes 28 seconds

CSS-Tricks Screencasts
#209: A Netflix Clone with DataStax Astra and Netlify

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 …

Show more...
4 years ago
50 minutes 53 seconds

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

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 …

Show more...
4 years ago
21 minutes 17 seconds

CSS-Tricks Screencasts
#207: Performance Testing CSS-Tricks with WebPageTest

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 …

Show more...
4 years ago
1 hour 13 minutes 22 seconds

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

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 …

Show more...
4 years ago
42 minutes 7 seconds

CSS-Tricks Screencasts
#205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks
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 …

Show more...
4 years ago
19 minutes 17 seconds

CSS-Tricks Screencasts
#204: Using the axe DevTools Web Accessibility Testing Browser Plugin

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 …

Show more...
4 years ago
31 minutes 40 seconds

CSS-Tricks Screencasts
#203: A First Look at Cloudflare Pages

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 …

Show more...
4 years ago
29 minutes 58 seconds

CSS-Tricks Screencasts
#202: Centered List Markers

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 …

Show more...
4 years ago
10 minutes 13 seconds

CSS-Tricks Screencasts
#201: Doing Booping

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 …

Show more...
4 years ago
15 minutes 42 seconds

CSS-Tricks Screencasts
#200: Scroll to Zoom

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 …

Show more...
4 years ago
10 minutes 5 seconds

CSS-Tricks Screencasts
#199: Messing with JSX

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 …

Show more...
4 years ago
12 minutes 22 seconds

CSS-Tricks Screencasts
#198: About the Position Property
  • static: the default
  • relative: allows you to nudge around with top/right/bottom/left, making z-index work, gives you a positioning context
  • absolute: top/right/bottom/left moves the element
…
Show more...
4 years ago
13 minutes 56 seconds

CSS-Tricks Screencasts
#197: A Look at Stackbit and Stackbit Studio

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 …

Show more...
5 years ago
40 minutes 11 seconds

CSS-Tricks Screencasts
#196: Learning Grid & Flexbox with Kyle Simpson

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 …

Show more...
5 years ago
1 hour 6 seconds

CSS-Tricks Screencasts
#195: How to Draw a Line with CSS

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 …

Show more...
5 years ago
16 minutes

CSS-Tricks Screencasts
#194: Jetpack’s Social Integration

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 …

Show more...
5 years ago
7 minutes 50 seconds

CSS-Tricks Screencasts
#193: Scully: the SSG for Angular

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 …

Show more...
5 years ago
1 hour 3 minutes 24 seconds

CSS-Tricks Screencasts
#192: Git Tricks for Getting Yourself Out of Trouble

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 …

Show more...
5 years ago
1 hour 11 minutes 48 seconds

CSS-Tricks Screencasts
CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design.