Skip to content

Instantly share code, notes, and snippets.

View tomhermans's full-sized avatar
👻
tinkering

Tom Hermans tomhermans

👻
tinkering
View GitHub Profile
@tomhermans
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
tomhermans / css-svg-filter-generator.markdown
Created March 3, 2026 06:40
CSS / SVG Filter Generator

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.

License.

@tomhermans
tomhermans / details-element-as-turnable-cards.markdown
Created February 17, 2026 12:59
Details element as turnable cards
@tomhermans
tomhermans / countdown-numbers-game.markdown
Created February 17, 2026 12:55
Countdown Numbers Game
@tomhermans
tomhermans / bookmark-csv-converter.js
Created February 8, 2026 16:24
Bookmark CSV Converter (for Supabase (Instapaper/Pocket Format))
#!/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]
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
tomhermans / index.html
Created July 11, 2025 10:14
Typescale Calculator with Clamp (added easy COPY to clipboard)
<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">
<script src="https://cdnjs.cloudflare.com/ajax/libs/svelte/4.2.0/svelte.min.js"></script>
<div id="app"></div>
/* Image Resize and Compress Script
* --------------------------------
* This script resizes images in a specified folder and saves them to a new folder with a timestamp. It allows the user to specify the target width, height, and compression quality. The script also handles errors gracefully and provides feedback on the processing status.
*
* Features:
* - Interactive prompts for input folder, dimensions, and compression
* - Preserves aspect ratio (optional)
* - Creates a timestamped output folder
* - Applies JPEG compression with quality control