Thanks to new EcmaScript standards, it is now easier than ever to build such things without any dependencies, so I decided to give it a go. I started to develop a custom lightbox without any third-party scripts with the goal of having the same functionality as existing solutions but below the limit of 15 KB.
Litebox is the result of that work. It’s an image-only lightbox with customization options (selectors, labels, controls, animations…) and weights around 12 KB. Being at version 0.8.3, it still is in development but can be used on websites today.
There are still a few things to do until it reaches version 1.0.0. I plan to implement support for other media such as videos or iframes.
- Published in: 2018
- Technologies: GitHub Pages, ES 2015, Babel, Gulp.js