Matt Finucane


Simple content slider.

About this project

This is a simple content slider written in Javascript and bundled as a Bower package.

Work on this project started in August 2015 and it took approximately 20 days to complete. The source code for the project can be seen on Github.

The brief

This is a package I wrote and used in several of my projects. It offers slide/swipe functionality for content inside a carousel.

I wanted to create a slider that was lightweight and simple for others to integrate into their projects.

I also wanted it to be fast and responsive so it would behave itself when the browser window was resized.

Project planning

There were existing slider modules available, but they all required third party packages such as jQuery. I wanted to see if I could create something neat and fast using plain Javascript.

I limited browser support to the latest two versions of each of the main browsers. Maintaining legacy support was not needed so this would lessen the need for ugly hacks.

Project development

I came up with a list of features that needed to be implemented:

Testing and deployment

This plugin was tested on several devices, from an entry level Android phone to an iMac desktop.

The package was recently refactored to use the ES Javascript standard. It is available as a Bower package.