Back to Browse

Draggable, resizable + stackable panels using Javascript

6.4K views
Aug 7, 2023
26:48

In this tutorial, Rik shows you how to make draggable and resizable panels from scratch using HTML, CSS and Javascript. This would be a great effect for image gallery or design-based portfolios such as Rik's gallery 00:00 Intro 00:28 Project setup 01:48 Stacking effect 07:39 Adding drag to each panel's title bar 22:48 Making the corner resize the panel Demo: https://superhi-videos.s3.amazonaws.com/tutorials/rik-os/index.html Final code can be found at: https://superhi-videos.s3.amazonaws.com/tutorials/rik-os.zip Rik's images were made using techniques found in our Generative Art course which can found at https://learngenerative.art/

Download

0 formats

No download links available.

Draggable, resizable + stackable panels using Javascript | NatokHD