One of the decisions that a front-end developer needs to make while building a website is the technique to include an image. It could be an HTML , or an image via CSS backgrounds, or maybe SVG . Choosing the correct technique is important and can play a huge role in performance and accessibility. Post written by Ahmad Shadeed.

Curtains JS is a small vanilla WebGL javascript library that converts HTML elements containing images and videos into 3D WebGL textured planes, allowing you to animate them via shaders.

basicScroll allows you to change CSS variables depending on the scroll position. Use the variables directly in your CSS to animate whatever you want.