Draggable, resizable + stackable panels using Javascript

Опубликовано: 13 Ноябрь 2024
на канале: SuperHi
3,000
99

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.c...

Final code can be found at: https://superhi-videos.s3.amazonaws.c...

Rik's images were made using techniques found in our Generative Art course which can found at https://learngenerative.art/