23 oktober 2025

Isotoop in slechts 60 regels

Ik zag de originele Isotope Javascript magie en ik moest gewoon een rewrite maken met moderne webstandaarden. Bekijk mijn demo!

Mijn versie van Isotope gebruikt een grid layout en animaties met behulp van view transition. Het draait super smooth, is razendsnel en heeft graceful degradation. De code bestaat uit slechts 63 regels vanilla JS, terwijl de oude versie maar liefst meer dan 3500 regels telde. Als je ervoor kiest om het sorteren weg te laten, kun je de code zelfs terugbrengen tot 37 regels. Ja… het internet is enorm veranderd in de afgelopen jaren.

()  Joost van der Schee