Jérôme Pott

Jérôme Pott @mornir

About: Web Developer building websites on the Jamstack.

Location:
Switzerland
Joined:
Feb 27, 2018

Jérôme Pott
articles - 27 total

Weekend Hack: Patreon Pledges Calculator

Last weekend I coded a simple web app. It lets users visualize how much money they've pledged to Patreon creators

Learn More 1 0Aug 26 '21

Weekend project: creating a media viewer

Learn a few things like createObjectURL, revokeObjectURL and webkitdirectory

Learn More 4 0Aug 10 '21

Sanity Backup Function with GitHub Actions and Artifacts

Learn how to schedule a backup routine for the content of Sanity headless CMS thanks to GitHub Actions and Artifacts

Learn More 9 0Apr 2 '21

?? noopener, noreferrer, nofollow ¿¿

Learn how to use the keywords noopener, noreferrer and nofollow on links and how they impact security and SEO

Learn More 11 0Mar 21 '21

Webhooks with Serverless Function

How I set up a serverless function on Cloudflare Workers that reposts messages originally published on Habitica's chat to a Discord channel

Learn More 12 0Mar 13 '21

My personal experience with XState

My experience learning the XState library with React, Vue and TypeScript

Learn More 2 0Jan 1 '21

Change the favicon color in dark mode! 🤯

Learn how to programmatically change the color of the favicon according to the user's dark/light preference

Learn More 13 0Nov 9 '20

Building my first web extension

My experience building my first web extensions with Vue

Learn More 25 4Oct 25 '20

How to handle content previews from Sanity in Nuxt

Use the Nuxt preview mode to let content editors preview their content on the production website from and inside the Sanity Studio.

Learn More 63 9Aug 16 '20

How to add Mapbox to your Nuxt static site

Learn how to display a Mapbox map in a Nuxt static app using the official Mapbox GL JS library

Learn More 12 2Jun 11 '20

Truly Responsive Grid with CSS Grid

Create a responsive grid in one line with CSS Grid and the new min() CSS function

Learn More 13 0Jun 1 '20

Nuxt, Netlify and the trailing slash

Add a trailing slash to your Nuxt static site to benefit from Netlify redirects

Learn More 31 0May 24 '20

A simpler stack: my experience with 11ty and Netlify CMS

I share my experience building a website for a client with the static site generator 11ty and git-based CMS from Netlify

Learn More 25 4Mar 21 '20

How to add Tailwind to your Vue app

Updated for Tailwind v1.7.4+ Adding Tailwind to your Vue app is easy. No need to use an intermediate...

Learn More 69 10Feb 19 '20

Adding CI to your JAMstack with Cypress, GitHub Actions and Netlify Deploy Preview

With Netlify Deploy Preview, we get a new URL for every pull request in the code repository. This is...

Learn More 25 1Jan 25 '20

7 challenges for querying with GROQ

📃 Introduction Developers who are lucky to work with the headless CMS from Sanity have the...

Learn More 30 5Jan 3 '20

4 Underrated Nuxt Modules

Post updated with the release of Nuxt v2.13: replaced nuxt-payload-extractor with nuxt-netlify-cache...

Learn More 77 5Nov 9 '19

Use Netlify cloud function to back up data to Google Drive

Introduction In this blog post, we are going to write a cloud function that will create a...

Learn More 13 0Sep 13 '19

Create a service account to authenticate with Google

Introduction When you want to use Google APIs on your website, you first have to authentic...

Learn More 21 7Aug 25 '19

Use Font Awesome to Change The Mouse Cursor

Learn how to use the CSS property `cursor` to change the cursor appearance

Learn More 48 1Jul 23 '19

Cool CSS effect

A cool use case of clip-path

Learn More 72 6Mar 4 '19

CSS variables are great!

Getting started with CSS variables

Learn More 12 8Nov 29 '18

📋 How to easily copy text to clipboard

Learn about the new Async Clipboard API

Learn More 42 3Oct 12 '18

🤯 Create a modal with zero line of CSS 🤯

Learn how to use the dialog HTML element

Learn More 62 9Sep 24 '18

Three neat CSS features

Here are three random CSS features that I didn't know about and was happy to learn that they...

Learn More 51 3Sep 22 '18

jQuery.param() in Vanilla JavaScript

Turning an object into URL query string

Learn More 17 4Sep 12 '18

Flexbox space-evenly value

Using space-evenly with Flexbox

Learn More 11 1Sep 4 '18