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