I’ve recently released my new portfolio designed by the awesome Gilles Tossoukpé. This was a great opportunity to illustrate what I was capable of using mostly my own vanilla Javascript open source tools. The site heavily relies on a process that could be called “DOM to WebGL” (I also…

Improve the overall performance of the slider by removing any layout repaint calls — This piece is the third and last part of our tutorial. In the first part, we created a JavaScript drag slider. In the second part, we added WebGL with curtains.js to improve the animations. Please check them out if you haven’t done so already. In this final part, we’ll see…

This article is the second part of a tutorial. In the first part, we created a JavaScript drag slider. We are now going to write the WebGL part. Here’s what you’ll end up with: As a reminder, we’ll be using curtains.js to add everything related to WebGL. curtains.js is…

Getting started with the HTML, CSS and JavaScript — Overview In this tutorial, we’ll learn how to build a drag slider in javascript and enhance it with powerful WebGL capabilities. The slider will be written in three parts. In the first part, we’ll write a Slider class that will create a neat responsive drag slider. In the second part, we’ll…