A compelling code snippet made in CSS and JavaScript with two sliding panels, one to the right, and one to the left. It is a good way of organizing...

A compelling code snippet made in CSS and JavaScript with two sliding panels, one to the right, and one to the left. It is a good way of organizing opposing ideas, and also works for comparisons. These panels were created by Codepen user Ettrics.

Resemble.js is a library made with JavaScript and HTML5 which helps you identify differences between two images. You can change the comparison meth...

Resemble.js is a library made with JavaScript and HTML5 which helps you identify differences between two images. You can change the comparison method after the first analysis and change the output display style. This library was made by James Cryer and it has the MIT License.

A compelling CSS and jQuery slider that divides two images within a frame for making a comparison. It can be used in software for showing how it wa...

A compelling CSS and jQuery slider that divides two images within a frame for making a comparison. It can be used in software for showing how it was before and how it is now (like its name indicates). It has an MIT License and it was created by JotForm.

Here we have a draggable slider that allows the comparison between two images. It has been created with CSS and jQuery. This can be used, for examp...

Here we have a draggable slider that allows the comparison between two images. It has been created with CSS and jQuery. This can be used, for example, to compare the standard quality of a product with an enhanced view of the same product. Like TV brands, which are very handy at this, you can put an image comparison on your website as well. This tutorial + code snippet was created to make this possible, showing all the process, from the structure, the styling and the events handling. It was written and coded by Claudia Romano from CodyHouse.