Kleine tools. Handig werk.
Een verzameling kleine tools voor je eigen projecten. Probeer ze uit en bekijk hoe ze werken.
Kleine hulpmiddelen uit onze werkplaats. Hieronder kun je ze proberen en de code bekijken.
Live demo
Gebruik
<script src="/js/timer.js"></script>
<script>
new BonarooTimer("01:00").write();
</script>
Onthoudt je voortgang
Start / Stop / Reset
H:MM:SS formaat
Geen extra libraries nodig
Live demo
| Naam | Rol | Status |
|---|---|---|
| Menno | Strategie | Actief |
| Toby | Architectuur | Actief |
Gebruik
<script src="/js/copy-table.js"></script>
<button onclick="selectTable(
'my-table', 'google', 'btn-id'
)">Copy</button>
<table id="my-table">
...
</table>
Google Sheets compatible
Microsoft Excel compatible
Clipboard API
Geen extra libraries nodig
Live demo
| Taal | Jaar | Populariteit |
|---|---|---|
| Ruby | 1995 | 18 |
| Elixir | 2011 | 32 |
| JavaScript | 1995 | 1 |
| Python | 1991 | 2 |
Gebruik
<script src="/js/sortable.js"></script>
<script>
new BonarooSortable("my-table");
</script>
Klik op headers om te sorteren
Detecteert tekst vs. nummers
Ascending / Descending
Geen extra libraries nodig
Live demo
Bonaroo stuurt AI-agents aan met 50 jaar engineering-ervaring als kompas.
Gebruik
<p id="hero">Your text here.</p>
<script src="/js/typewriter.js"></script>
<script>
new BonarooTypewriter("hero").start();
</script>
Instelbare snelheid
Cursor animatie
Loop optie
Geen extra libraries nodig