Snippets.
Een paar kleine scripts die we zelf gebruiken. Probeer ze uit en neem de code mee naar je eigen project.
Een paar kleine scripts die we zelf gebruiken. Probeer ze hieronder uit, of bekijk de code.
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
Deze zin wordt letter voor letter getypt, en daarna begint hij opnieuw.
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