Blogs and tutorials
-
31 Aug 2022
What's the difference between : and :: in CSS?
I spent years Googling “what is the difference between : and :: in CSS” before the information stayed in my brain. Sound familiar? Then this post is for you.
-
24 Aug 2022
Rewrite HTML and transform page props in Next.js with Next.js Advanced Middleware
Learn how to intercept and rewrite the response of a Next.js statically generated page and transform page props at the edge with Next.js Advanced Middleware from Netlify.
-
11 Aug 2022
Add personalization to static HTML with Netlify Edge Functions — no browser JavaScript required
Personalization and shipping less JavaScript to the browser are hot topics in 2022, and with Netlify Edge Functions, you can achieve dynamic personalization with no client-side JavaScript — resulting in a great developer experience, and an even better end-user outcome. Check out the video tutorial and accompanying walk-through.
-
24 Jul 2022
How to view Google Lighthouse scores for your site in Netlify
How many times have you forgotten to review your Google Lighthouse scores before you’ve pushed out a feature? You’re in good hands with Netlify and Lighthouse Score Visualizations.
-
22 Jun 2022
Should I write a new JavaScript framework?
Do you often ask yourself, should I write a new JavaScript framework? Here's some things you should consider, and some tips to get you started.
-
12 Jun 2022
How to deploy an Astro site
Learn how to deploy an Astro project as a static, server-rendered, or edge-rendered site, try out some Netlify templates, and learn how to deploy to Netlify.
-
8 Jun 2022
Build a business card CLI tool
Learn how to use Node.js, npm and npx to build a CLI tool to output a business card to the terminal. Bonus demo repository included!
-
29 May 2022
Level up your link previews in Slack
Add extra metadata to the head tag in your web pages — such as reading time and author — to show richer previews in Slack when your link is unfurled.
-
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.