Snippets
A curated collection of short, copy-pasteable solutions - "snippets" that I’ve picked up over time, some to speed up my workflow, others just because I found them useful or interesting.
| Name | Description | Category | Last Updated |
|---|---|---|---|
| HTML5 Web notifications | Testing HTML5 web notifications | javascript | May 2025 |
| LocalStorage used size | A simple script to help you determine how much of `localStorage` space is currently being used by your application. | javascript | May 2025 |
| Swipping scroll lock hook | A hook to lock/unlock scrolling | react | Mar 2025 |
| Format a number as an ordinal | Format a number as an ordinal, e.g. `3` to `3rd` | javascript | Feb 2025 |
| Scroll area shadow | Scroll area shadow to indicate overflow area | css javascript | Feb 2025 |
| Page progress bar | A simple page progress bar using page scroll and css variable | css javascript | Feb 2025 |
| Kill a process | How to kill a process in MacOS/Linux which is running on a port | terminal | Feb 2025 |
| OnHover link decoration effect | Fun with Hover Effects: Random Colors and Avatars | css javascript | Jan 2025 |
| Animated gradient stripe | Cool animated gradient stripe | css | Jan 2025 |
-
HTML5 Web notifications
Testing HTML5 web notifications
-
LocalStorage used size
A simple script to help you determine how much of `localStorage` space is currently being used by your application.
-
Swipping scroll lock hook
A hook to lock/unlock scrolling
-
Format a number as an ordinal
Format a number as an ordinal, e.g. `3` to `3rd`
-
Scroll area shadow
Scroll area shadow to indicate overflow area
-
Page progress bar
A simple page progress bar using page scroll and css variable
-
Kill a process
How to kill a process in MacOS/Linux which is running on a port
-
OnHover link decoration effect
Fun with Hover Effects: Random Colors and Avatars
-
Animated gradient stripe
Cool animated gradient stripe