Matteo Mazzarolo's blog

https://mmazzarolo.com

Matteo Mazzarolo's personal blog. JavaScript, productivity, nerdy stuff.

フィード

記事のアイキャッチ画像
Setting up my fish shell from scratch on macOS
Matteo Mazzarolo's blog
Sharing my notes on setting up the fish shell on macOS, including customizations like plugins, themes, and abbreviations.
6ヶ月前
記事のアイキャッチ画像
Use relative paths in markdown and MDX images with Next.js
Matteo Mazzarolo's blog
Next.js markdown/MDX blogs do not support loading images and other static assets using relative path by default. Here's how you can enable it.
10ヶ月前
記事のアイキャッチ画像
Automatic width and height of local MDX images with Next.js
Matteo Mazzarolo's blog
Preventing Cumulative Layout Shift in a Next.js blog: how to automatically set the width and height attributes on local images referenced in MDX & markdown files.
10ヶ月前
記事のアイキャッチ画像
Named element IDs can be referenced as JavaScript globals
Matteo Mazzarolo's blog
Did you know that DOM elements with IDs are accessible in JavaScript as global variables?
2年前
記事のアイキャッチ画像
Automating visual UI tests with Playwright and GitHub Actions
Matteo Mazzarolo's blog
How to build and automate a visual regression testing setup with Playwright and GitHub Actions.
2年前
記事のアイキャッチ画像
Improving Prism diff syntax highlighting in Gatsby
Matteo Mazzarolo's blog
Tweaking Prism and Gatsby to improve the syntax highlighting of diffs (works on Next.js and other framework too).
2年前
記事のアイキャッチ画像
Simple colored logging for your JavaScript CLI output
Matteo Mazzarolo's blog
A tiny copy-pasteable way to color the output of success and failure messages of your JavaScript CLI output (node.js, deno, etc.). No external libraries required.
2年前
記事のアイキャッチ画像
The opposite of the noscript element
Matteo Mazzarolo's blog
Using the noscript HTML element to display a website section only if JavaScript is enabled.
2年前
記事のアイキャッチ画像
Checking if a JavaScript native function is monkey patched
Matteo Mazzarolo's blog
Delving deep into how to determine whether a JavaScript native function has been monkey patched, and why it's not possible to determine it reliably.
2年前
記事のアイキャッチ画像
Determining if an HTTP request was sent as beacon/keepalive
Matteo Mazzarolo's blog
How to determine whether an HTTP request was sent after the user left the page (such as requests sent using the Beacon API or the Fetch API's keepalive option).
2年前