How to Create a POP OUT SIDE PANEL with HTML, CSS & JavaScript

View the SOURCE CODE: https://codepen.io/dcode-software/pen... In today's video I'll show you how to build a pop out (or collapsible) side panel using HTML, CSS & JavaScript. This is easy to do, and uses CSS3 Flexbox and JavaScript Class Toggles. Google Material Icons Library: https://fonts.google.com/icons?icon.q... Google Material Icons Usage Guide: https://developers.google.com/fonts/d... Chapters: 0:00 Overview 1:58 Writing the HTML 5:10 Writing the CSS 13:15 Writing the JavaScript 14:07 Finishing Up 🏫 My Udemy Courses - https://www.udemy.com/user/domenic-co... 🎨 Download my VS Code theme - https://marketplace.visualstudio.com/... 💜 Join my Discord Server -   / discord   🐦 Find me on Twitter -   / dcodeyt   💸 Support me on Patreon -   / dcode   📰 Follow me on DEV Community - https://dev.to/dcodeyt 📹 Join this channel to get access to perks -    / @dcode-software   If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode! #dcode #javascript