Tutorials, quick tips, and other helpful resources for learning more about code!
Typesafe Markdown might sound like an oxymoron, but with the new content collections released in Astro 2.0, you can now specify a schema for your Markdown frontmatter using Zod and get all the delicious validation and autocomplete that comes with it.
read this postIf you have an M1, M2, or other Apple Silicon chip in your computer, you can use hardware acceleration to speed up FFmpeg video encoding.
read this postHey, friends! Big news!
read this postMany JavaScript and CSS theme switchers have a momentary flash of the wrong theme. With edge functions, we can make that a thing of the past.
read this postTransform HTML at request time using HTMLRewriter and Edge Functions. Update text, element attributes, and more.
read this postWhen writing asynchronous code, async/await is a powerful tool — but it comes with risks! Learn how to avoid code slowdowns in this tutorial.
read this postAre you already using the Jamstack? Boost your understanding of modern web dev and learn what the Jamstack is — and what it’s not — in this overview.
read this postHow do you use query parameter arguments in a serverless function? This quick tutorial will show you how to get values from query string parameters.
read this postServerless functions enable front-end developers to add powerful "back-end" logic to our apps just by writing JavaScript — no devops, no servers, just results.
read this postWith serverless functions, the JavaScript powering our front-ends enables us to add back-end logic. Deploy your first serverless function in this tutorial!
read this postCreating eye-catching social sharing images doesn’t have to take a ton of time. In this post, learn how to create a reusable template for sharing your posts.
read this postMake sure your content stands out in social media timelines by automatically generating social media sharing cards for your blog posts.
read this postA tutorial on how to upload and use custom fonts in text overlays with Cloudinary to generate images with custom text.
read this postA tutorial on how to upload via UI and use custom fonts in text overlays with Cloudinary to generate images with custom text.
read this postIn this post, learn how to use Cloudinary to add text overlays to images using URL-based APIs.
read this postHow do we keep the content separate from presentation in React apps? Here’s one approach we’re using in Gatsby themes.
read this postA step-by-step video tutorial on setting up a local WordPress development environment in minutes using Trellis, plus how to deploy FAST with free SSL.
read this postLearn how to use the JavaScript bundler Rollup to process stylesheets using PostCSS and rebuild & reload files when changes are made in this tutorial.
read this postLearn how to use Rollup as a smaller, more efficient alternative to webpack and Browserify to bundle JavaScript files in this step-by-step tutorial series.
read this postThis step-by-step tutorial walks through the process of deploying a Node.js app to a DigitalOcean droplet with free SSL from Let’s Encrypt for $5/month.
read this postUse built-in browser APIs to get form values as JSON. Zero dependencies and only a few lines of code!
read this post