their noggins sticking out. quote by Wes Bos. https://www.youtube.com/watch?v=0ua-Odhd0Go
A Pen by Tom Hermans on CodePen.
tomhermans
/ 24-Effects-Image-Editor.html
Last active
March 21, 2026 18:15
Min & Max: The 24-Effects Image Editor
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class=fullscreen-image><img alt="Image à transformer" crossorigin=anonymous id=meme-image src="https://images.unsplash.com/photo-1637066725847-9eb5c63e1956?w=1600"></div> | |
| <div class=controls-container><button id=togglePanelBtn class=toggle-btn><svg fill=#fff version=1.1 viewBox="0 0 122.88 96.32" x=0px xmlns=http://www.w3.org/2000/svg y=0px> | |
| <g> | |
| <path d="M104.54,23.28c6.82,6.28,12.8,14.02,17.67,22.87l0.67,1.22l-0.67,1.21c-6.88,12.49-15.96,22.77-26.48,29.86 c-8.84,5.95-18.69,9.67-29.15,10.59l6.73-11.66c5.25-1.42,10.24-3.76,14.89-6.9c8.18-5.51,15.29-13.45,20.79-23.1 c-2.98-5.22-6.43-9.94-10.26-14.05L104.54,23.28L104.54,23.28z M88.02,0l17.84,10.3L56.2,96.32l-17.83-10.3l0.69-1.2 c-4.13-1.69-8.11-3.83-11.9-6.38C16.62,71.35,7.55,61.07,0.67,48.59L0,47.37l0.67-1.22C7.55,33.67,16.62,23.39,27.15,16.3 C37.42,9.38,49.08,5.48,61.44,5.48c7.35,0,14.44,1.38,21.14,3.94L88.02,0L88.02,0L88.02,0z M44.36,75.63l5-8.67 c-5.94-3.78-9.89-10.42-9.89-17.99c0-11.77,9.54-21.31,21.31-21.31c3.56,0,6.92,0.87,9.87,2.42l6.61-11.44 |
tomhermans
/ avatar-fun-cutout-effect-dubbed-impossible-avatar-faces-of-tom.markdown
Created
March 3, 2026 07:02
avatar fun / cutout effect (dubbed impossible avatar) / faces of tom
tomhermans
/ css-svg-filter-generator.markdown
Created
March 3, 2026 06:40
CSS / SVG Filter Generator
Play with different filters and combine them to produce amazing results. CSS and SVG filter codes are generated automatically.
A Pen by Tom Hermans on CodePen.
tomhermans
/ details-element-as-turnable-cards.markdown
Created
February 17, 2026 12:59
Details element as turnable cards
A Pen by Cyd Stumpel on CodePen.
Should add a solver Todo: https://github.com/jes/cntdn
A Pen by Tom Hermans on CodePen.
tomhermans
/ Astro rehype markdown plugin to open external links in a new tab + accessibility
Last active
February 10, 2026 10:43
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // src/lib/plugins/externalLink.ts | |
| /** | |
| * usage: | |
| * | |
| export default defineConfig({ | |
| //... more config | |
| markdown: { | |
| rehypePlugins: [ | |
| [ |
tomhermans
/ bookmark-csv-converter.js
Created
February 8, 2026 16:24
Bookmark CSV Converter (for Supabase (Instapaper/Pocket Format))
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/usr/bin/env node | |
| /** | |
| * CSV Converter for Bookmark Import to Supabase | |
| * | |
| * This script converts bookmark exports (like Instapaper, Pocket, etc.) | |
| * to a standardized CSV format compatible with Supabase database import. | |
| * | |
| * USAGE: | |
| * node convert-csv-instapaper.js [input-file] [output-file] |
tomhermans
/ httrack
Created
January 21, 2026 15:37
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| httrack "https://sitename.xyz/" -O "/Users/admin/websites/sitename" -s0 -F "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36" -%v |
tomhermans
/ index.html
Created
July 11, 2025 10:14
Typescale Calculator with Clamp (added easy COPY to clipboard)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="wrap"> | |
| <aside> | |
| <h1>Typescale Calculator <br> with Clamp | |
| <span>and easy copy to clipboard</span></h1> | |
| <div class="controls"> | |
| <div class="control-group"> | |
| <label for="baseSize">Base Font Size (rem):</label> | |
| <input type="number" id="baseSize" value="1" step="0.01" min="0.5" max="2"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script src="https://cdnjs.cloudflare.com/ajax/libs/svelte/4.2.0/svelte.min.js"></script> | |
| <div id="app"></div> |
NewerOlder