Bite-sized tips and screencasts about Javascript, CSS, and React

CSS – prevent scroll of body but allow modal scroll

Using React Icons with the NextJs 13 app folder

Javascript – use querySelectorAll() with wildcards

NextJs – how to set the common meta tags between pages on multiple routes

Using the Not Found page in NextJs

CSS Fallbacks for WebP background images with @supports

How to set a CSS background-image fallback

Error “localStorage is not defined” in NextJs – how to fix it

Javascript – find and replace an object in array

JPG vs PNG vs WEBP vs GIF vs SVG – when to use one over the other

Using Font Awesome with NextJs app folder example

Examples of CSS caret-color

Fixing the – selector “body” is not pure (pure selectors must contain at least one local class or id) – error in NextJs

CSS using focus-within to highlight active element

Making a dropdown menu example with CSS :focus-within