Cipher- en codetools
CipherPad
Eenentwintig vertalers voor codes en ciphers, van morse tot Playfair, die volledig in de browser draaien. De tekst die je typt verlaat je apparaat niet.
Het vraagstuk
Groot zoekvolume, dun aanbod.
Zoekwoorden rond codes en ciphers hebben groot volume, maar het bestaande aanbod bestaat vooral uit dunne pagina's die één cipher vertalen en verder niets uitleggen.
Wie "morse code translator" zoekt wil vertalen, wie "what is morse code" zoekt wil begrijpen. Dat zijn twee verschillende vragen die op de meeste sites op dezelfde pagina belanden, waar ze elkaar in de zoekresultaten beconcurreren.
De opgave: een site die beide intenties apart bedient zonder zichzelf te kannibaliseren, en die het vertrouwen verdient van mensen die een privébericht of wachtwoordhint in een invoerveld plakken.
De aanpak
Eerst het contract, dan de bouw.
Het werk
Een scherm waar iets ontcijferd wordt.
Eén amber signaalaccent, monospace-panelen en een raster op de achtergrond. De donkere modus is de standaard terminal, de lichte modus kreeg een eigen warm papierpalet.
Het resultaat
Eenentwintig vertalers, nul servers.
De site telt eenentwintig vertalers en eenentwintig referentiepagina's, elk met een eigen canonical, eigen JSON-LD en een eigen OpenGraph-kaart. Er is geen database en geen aanmelding, en tijdens het vertalen gaat er niets naar een server.
Daaromheen liggen drie lagen die er zijn om naar te linken: een mega-referentie met alle codecharts op één pagina, een gratis statische JSON-API zonder sleutel en een widget die andere sites met één regel HTML kunnen insluiten. De runtime-dependencies blijven beperkt tot Next, React en React DOM.
Cipher-vertalers, alle client-side
Referentiepagina's, handgeschreven
Runtime-dependencies, verder niets
Serververzoeken tijdens het vertalen