One of the things that helps your posts get traction is if you have a nice, pretty card that displays when you post the URL on social media. Plain blue links just don't get clicked. With WordPress and other dynamic Content Management Systems (CMSs), you can get plugins to create the pretty cards. But with Jekyll (and Hugo and other Static Site Generators), you need to build the capability into your theme. It's not hard, you just need to know what metadata to build, and of course, Bart is here to teach it to us.

You can find Bart's fabulous tutorial shownotes and the audio podcast at pbs.bartificer.net.

Read an unedited, auto-generated transcript with chapter marks: PBS_2026_06_27

Join our Slack at podfeet.com/slack and look for the #pbs channel, and check out our pbs-student GitHub Organization. It's by invitation only but all you have to do is ask Allison!

• allison@podfeet.com
• podfeet.com/slack

• Patreon Donation
• Apple Pay or Credit Card one-time donation
• PayPal one-time donation
• Podfeet Podcasts Mugs at Zazzle
• NosillaCast 20th Anniversary Shirts

• Setapp - 1 month free for you and me
• 15% off Carbon Copy Cloner
• Wispr Flow - 1 month free for you
• PETLIBRO - 30% off for you and me
• Parallels Toolbox - 3 months free for you and me
• Learn through MacSparky Field Guides - 15% off for you and me
• Backblaze - One free month for me and you
• Eufy - $40 for me if you spend $200. Sadly nothing in it for you.
• PIA VPN - One month added to Paid Accounts for both of us
• CleanShot X - Earns me $25%, sorry nothing in it for you but my gratitude

This final instalment of Sass lays a strong foundation for our return to developing statically generated websites with Jekyll. We learn how to deeply customise and integrate Bootstrap into our own styles. As is often the case, Bart starts by describing the different techniques that can be used to customise Bootstrap with Sass, and then ties it all together with a worked example. We now have the tools to use Bootstrap, even if our website uses a content management system like WordPress.

You can find Bart's fabulous tutorial shownotes and the audio podcast at pbs.bartificer.net.

Read an unedited, auto-generated transcript with chapter marks: PBS_2026_06_06

Join our Slack at podfeet.com/slack and look for the #pbs channel, and check out our pbs-student GitHub Organization. It's by invitation only but all you have to do is ask Allison!

• allison@podfeet.com
• podfeet.com/slack

• Patreon Donation
• Apple Pay or Credit Card one-time donation
• PayPal one-time donation
• Podfeet Podcasts Mugs at Zazzle
• NosillaCast 20th Anniversary Shirts

• Setapp - 1 month free for you and me
• 15% off Carbon Copy Cloner
• Wispr Flow - 1 month free for you
• PETLIBRO - 30% off for you and me
• Parallels Toolbox - 3 months free for you and me
• Learn through MacSparky Field Guides - 15% off for you and me
• Backblaze - One free month for me and you
• Eufy - $40 for me if you spend $200. Sadly nothing in it for you.
• PIA VPN - One month added to Paid Accounts for both of us
• CleanShot X - Earns me $25%, sorry nothing in it for you but my gratitude

This week, Bart and I recorded the second half of Programming By Stealth installment 184. The first half covered the Sass basics, and in this half, we get to learn through a worked example how to write in Sass, which compiles to regular old CSS. He created a little web page with some wise and humorous quotes from notable people in history, and used everything we learned in the first half to style the page. As I told Bart at the end, it's great that he teaches us the foundation of these tools, but it's equally great to have a worked example where we can see theory in action, and reference these examples in the future.

You can find Bart's fabulous tutorial shownotes for both Part A and Part B at pbs.bartificer.net. If you want to jump right to the spot in the notes were Part B starts, go to this direct link pbs.bartificer.net/...)