Blogs and tutorials
-
11 May 2022
Light and dark mode in just 14 lines of CSS
Want to add quick support for light mode and dark mode to your website using only CSS? Combine two CSS custom properties with a media query to get set up in seconds.
-
10 May 2022
What is Jamstack?
In this post, we’ll explore what Jamstack is, why Jamstack entered the web dev scene, “Jamstack-adjacent” technologies, and how you can get started building on the Jamstack.
-
26 Apr 2022
We're all living on it. But what exactly is The Edge?
More and more cloud hosting providers and software-as-a-service platforms are offering serverless functions at The Edge. But what is The Edge? What are Edge Functions? And why does it matter?
-
4 Apr 2022
HTML is all you need to make a website
In a world full of JavaScript frameworks, SPAs, cutting-edge CSS animations, powerful devices and fast internet connections, HTML-only websites are a controversial and divisive topic. But why?
-
29 Mar 2022
How I massively improved my website performance by using the right tool for the job
In the third iteration of my blog site, I went back to web basics. I wanted to bag a huge performance increase by shipping plain HTML, CSS and as little JavaScript to the browser as possible. Did I succeed? And what did I learn along the way? Let's find out.
-
21 Mar 2022
How to format dates for RSS feeds (RFC-822)
The RSS feed lives on! But I've always found it difficult to Google for the correct date format required for RSS feeds (RFC-822). Here's a selection of links, guidance and code snippets for future me — and you!
-
7 Mar 2022
How to delete all merged git branches with one terminal command
Automate your git cleanup! Here's a shell function to add to your bashrc/zshrc file to delete all merged git branches in one command.
-
4 Mar 2022
Why you should ship your silly side projects
Silly websites and silly ideas are often some of the most creative vehicles for learning. Let's take a look at what we learned building a very silly site for the Netlify Dusty Domains project in December 2021.
-
1 Mar 2022
A prototype is all you need to launch a site
Catch up on a Twitch live stream where I prototyped Women of Jamstack with 11ty and YOLO deployed it to Netlify on a custom domain.
-
22 Feb 2022
Build a CMS preview workflow for your Jamstack site
In this article we're going to learn how to preview your draft content stored in Contentful by building a custom app that builds a preview branch of your static site. And the good news is — this approach could work for any static site, hosted on any platform, powered by any CMS!
-
15 Feb 2022
How to deploy your Netlify site with an Elgato Stream Deck
I often use my Elgato Stream Deck to open URLs in my browser. And this got me thinking — what if I could kick off a site build on Netlify at the press of a button? And as it turns out, we can do this with a little serverless function! Let’s take a look.
-
13 Feb 2022
How I improved your Google Lighthouse SEO score with a lot of research and one quick PR
When cross-posting content to other domains, we're taught to reference duplicate content with a canonical link. But why has Google Lighthouse been penalising us for it? I set out to solve this conundrum once and for all.
-
11 Feb 2022
How to build an HTML-only accordion — no JavaScript required!
You don't need JavaScript to build accordions! Here's how to harness the power of native HTML and build an accordion with just four lines of code.
-
6 Feb 2022
Debug your CSS layouts with this one simple trick
Are you battling with layouts in CSS? Use this one line of CSS to help you debug what's up and get you back on the road to success.
-
18 Jan 2022
How to use really long environment variables in Netlify functions
Netlify allows you to manage environment variables that you can use in serverless functions. But there may be times when your environment variables exceed the limit of 256 characters! Here’s how you can use a Netlify build plugin to use longer environment variables in your functions.