Eigen tool-site & Unicode-referentie
CopyGlyph
Een schone, doorzoekbare referentie voor symbolen en speciale tekens: 416 glyphs die je met één klik kopieert, met het codepunt, de entity en de CSS-escape erbij.
Het vraagstuk
Eén teken zoeken, drie pagina's verder.
Wie een pijltje, een hartje of het graden-teken zoekt, komt terecht op sites die het antwoord achter advertentieblokken en pop-ups verstoppen. Het teken staat er wel, maar de context ontbreekt: welk codepunt, welke entity, welke alt-code.
En de interessante vraag begint juist daar. Een symbool is zelden alleen een vorm: het heeft een codepunt voor in documentatie, een HTML-entity voor een webpagina, een CSS-escape voor een pseudo-element en soms een alt-code voor Windows. Die informatie staat op de meeste sites verspreid over drie pagina's, of ze laten hem weg.
De opgave: een referentie die het antwoord meteen geeft, per teken laat zien wat erover te weten valt, en niets van de bezoeker terugvraagt.
De aanpak
Eén dataset, de rest is afgeleid.
Het werk
Groot teken, rustig papier.
De visuele richting is een typografische letterproef: het glyph als hoofdrolspeler, met de codes in echte tabelrijen eronder. Inclusief volledig donker thema, zonder witte flits bij het laden.
Het resultaat
Een referentie, geen knopjesfabriek.
CopyGlyph telt 416 symbolen verdeeld over 12 categorie-hubs, goed voor 437 statisch gegenereerde pagina's. Er is geen backend en geen database: zoeken en kopiëren gebeuren volledig in de browser van de bezoeker.
Rond de kern staan een JSON-API die bij elke build opnieuw uit dezelfde dataset wordt gegenereerd en een zelfstandige embeddable picker van zo'n 32 KB die andere sites met één iframe-regel kunnen plaatsen. De runtime-afhankelijkheden zijn Next, React en React DOM. Meer niet.
Symbolen, elk met een eigen pagina
Statisch gegenereerde pagina's
Categorie-hubs
Runtime-dependencies: next, react, react-dom