Notes
A collection of notes, blogposts and TIL (Today I Learned) type of posts. Some long, some not so long.
CSS Background Position Offsets
Improved positioning of CSS background images
Submit forms in dialogs
using method=dialog
npm: only install production dependencies
Faster npm ci installs
Sort strings/numbers while respecting special characters
using localeCompare
<template> element
... for dynamic content
Cypress Testing Library Custom Error Message
How to reduce logging noise when using Cypress Testing Library
Group all DOM elements by font-size
Debug the distribution of font-size of DOM elements on the page
Mock navigator.share
For testing in non-secure environments
Import and Export a JS Module in one line
export { namedImport } from './path/to/module';
Was the page navigated to using back or forward button?
using PerformanceNavigationTiming.type
Detect if the tab is hidden or visible
using document.hidden
Make an element stick to top and bottom!
Useful CSS to make an element stick to the top and bottom of a scroll container!
Trigger download of remote images with Next.js
When the `download` attribute on an HTML anchor is not enough. Also: how to zip on the fly with Next.js API routes.
How to add a Leaflet map to a Gatsby site
Let's fix `window is not defined`