Posts

Tournament Bracket Maker: single-elimination brackets for up to 1,024 players, with seeding and byes worked out for you

Image
Paste a list of names, one per line, and the Tournament Bracket Maker on Omikuji Tools draws a single-elimination bracket. Click a match card to pick the winner. It is meant for the kind of event where someone usually ends up drawing the bracket by hand: a table tennis cup at the office, a school sports day, a game night. Byes and seeds without the arithmetic The awkward part of a bracket is a player count that is not a power of two. The tool rounds up to the next bracket size and fills the gap with byes: in the screenshot, 11 players go into 16 slots and five players skip the first round. Who gets those byes is decided by the standard seeding order (1 meets 16, 8 meets 9, and so on down the bracket), so the players you list first are the seeds, get the byes, and are kept apart until the late rounds. If you would rather not seed anyone, the participant editor has a shuffle button, which uses the browser's cryptographic random generator. The bracket lives in the link There is ...

Diffing text and moving tables around, without pasting either into a server

A lot of small developer chores are really "move this data from one shape to another": a spreadsheet range that needs to become a Markdown table, a CSV export that needs a TypeScript type, two versions of a config file you need to compare. The data is often the kind you should not paste into a random website — customer lists, internal configs. These three pages on Omikuji Tools do those jobs in the browser. Text Diff Checker Paste the original on the left and the modified text on the right, or drop a file onto either side. Additions are green, removals red, and you choose the granularity: character , word or line . You can tell it to ignore spaces, newlines or indentation, which is what you want when someone re-indented a file and you only care about the real changes. The button I reach for most is Auto-format . Comparing a minified JSON response with a pretty-printed one normally gives you a single enormous "everything changed" line. Auto-format parses both sid...

A sand timer you can embed in your own blog, and a multi-timer that lays every timer on one timeline

Image
Two timers on Omikuji Tools that do something a plain countdown does not. The Sand Timer shows the time as an hourglass, and it can now be embedded on your own page. The Multi Timer runs several timers at once and draws them as bars on a single timeline. Sand Timer Set minutes and seconds, or use a preset (1, 3, 5, 10, 15 minutes, or a 25-minute Pomodoro), and watch the grains fall. Flip behaves like a real hourglass: turn it over halfway through and the sand that has already fallen becomes the sand still to fall, so the remaining time inverts. Options: a chime when it ends, auto-flip to start again, and keep the screen awake. Space starts and pauses, R resets. The new part is Embed on your site . Pick a theme (dark or light) and a size (S 260×360, M 320×420, L 400×520), and the page gives you two lines of HTML: an <iframe> with the hourglass set to your time, and a small credit link under it. Only the embed page is allowed to be framed by other sites; everything else on ...

From a photo to readable colours to copy-paste CSS

Picking colours for a small site tends to go in three steps. You find an image whose mood you like, you pull a few colours out of it, and then you discover that the nice mid-grey text on the nice pale background is unreadable. Omikuji Tools has a page for each step, and the colour work happens in your browser. Color Palette: colours out of an image Drop an image, paste it with Ctrl / Cmd + V, or pick a file, and the page extracts between 4 and 16 dominant colours. There are two algorithms, and the difference matters. Photo mood uses Median Cut and gives a balanced palette for the overall feel of a photo. UI / Logo uses K-Means and separates the large background areas from the small accents, which is what you want from a logo or a screenshot where the brand colour covers a few percent of the pixels. Each swatch copies as HEX, RGB or HSL, and the whole palette comes out as a Tailwind config snippet, CSS variables or a JS array. A UI preview lets you assign palette colours to backgro...

Sushi Typing: a typing practice game with 60/90/120-second courses and a leaderboard that cannot be faked

Image
Sushi Typing is a typing game where sushi plates roll by and you type their names in romaji. It started as a ten-second sprint; it now has proper 60, 90 and 120-second courses, 76 prompts including short phrases, accuracy and speed (characters per minute), a list of the keys you miss most, and a leaderboard per course and period. The leaderboard does not trust the browser Any browser game can be "beaten" by editing the request that submits the score. So the server never receives a score. Instead: The server issues a seed for your session in a signed token. Your browser and the server generate the same sequence of prompts from that seed. You send a log of answers : which prompt, at what millisecond, what you typed. The server replays the log against its own sequence, checks every answer, and computes the score itself. On top of that it rejects anything faster than a human: under 40 ms per character, over 1,100 characters per minute overall (world-class typists reach...

Three browser video tools for the jobs that don't deserve a video editor install

Most of the video work I actually do is small: trim three clips into one with a caption, turn a screen recording into something a colleague's laptop will play, or fix an MP4 that refuses to start playing on a web page until it has fully downloaded. None of that should need a desktop editor or an upload to someone's server. Omikuji Tools has one page for each, and all three process the file inside your browser. Local Video Editor: clips, captions, background music Load videos (MP4, WebM, MOV) and audio (MP3, WAV, M4A), cut the segments you want, and line them up on a timeline — drag to reorder, click a clip to change its volume or mute it. Captions are placed at the playhead with their own start and end time, position, size and colour. Audio files go on a BGM lane with a volume control. Output is fixed at Full HD: 1920×1080 landscape or 1080×1920 portrait, at 24, 30 or 60 fps. Sources are scaled to fit with black letterboxing, so you can mix 4K footage with phone clips. The o...

A full-screen online stopwatch for big screens (and what search data taught me about how it is used)

Image
The online stopwatch on Omikuji Tools fills the screen with the elapsed time, records laps, and has a few styles and colors. It has been around for a while, in 12 languages. What I did not expect was where people use it. The Chinese version took off on big screens Search impressions for the Chinese page went from 65 to 9,004 a week within six weeks, at the same ranking position. The queries that drove it were about using a timer on a large display : classrooms, events, projectors. The tool had been designed with a single person at a desk in mind. So the full-screen button, which used to be an icon only, now has a text label in every language, and the page explains how to put it on a projector. On a big screen the label is the first thing people look for. A bug the big screen made obvious While checking every language, I found that the colons and the millisecond digits were invisible in production, in all languages: the time read "00 00 00". The digits are drawn with a ...