Watch our hosts Sam Brace and Becky Peltz, as well as our special guest host Eric Portis, interview Chris Coyier about his recent development project. With Eleventy, Netlify, Puppeteer and Cloudinary's fetch capabilities, he was able to create a microsite for his famous CSS-Tricks.com site that showcases various coding fonts you can use. Find how he did it by watching this episode!

Show Notes and Links

Coding Fonts - Project Tech Stack and Links

• Project
• Project's GitHub Repository
• Blog Post on Project
• Documentation - Cloudinary's Fetch feature
• Documentation - Cloudinary's Auto Quality transformation
• Documentation - Cloudinary's Auto Format transformation
• Eleventy
• Puppeteer
• Nunjucks
• Netlify

cld-screenshot-create-upload - Project Links

• Project
• Project's GitHub Repository

Mentioned Sites and Projects

• CSS-Tricks
• CodePen
• Serverless.CSS-Tricks
• Conferences.CSS-Tricks
• Shop Talk Show
• Puppetry
• Introduction to Static Site Generators
• Try Puppeteer
• Netlify CMS
• WTF is JAMstack?
• GitHub Actions
• Git Large File Storage
• Cloudinary's Auto Upload feature
• Eric Portis' Eleventy Project
• Phil Hawksworth's Tweets
• Lighthouse
• Cloudinary's AVIF Support

Guests' Contact Information

• Chris Coyier's Personal Website
• Eric Portis' Personal Website

Show music provided by Otis McDonald.

After you're done watching, share this episode on your favorite social media channels and then send an email to support@cloudinary.com with a link to the post you shared. By doing so, you can earn one additional credit for your Cloudinary plan!

Not a Cloudinary user yet? Sign up for free!