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…

Martin Laxenaire

Webdesigner / Front-end developer. Javascript, WebGL and stuff. Author of https://www.curtainsjs.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store