Responsive Slide Out Navigation | HTML, CSS & JavaScript

There was a time when the only place for a navigation menu was on the top of the page. There was also a time when the menu lived within the left or right column (preferably the left one). Then, an era of slide-out sidebars came, and suddenly it all made sense. I have tried to create one using gsap!

Timestamps:
0:00:36 - Start by adding HTML
0:01:22 - Style using CSS
0:04:56 - JavaScript (GSAP) starts

If you like this video, you can support me by staying connected via social media ⤵

If you liked the music, check out and follow my playlist on Spotify:

Thank you for watching it. Stay tuned.
#SlideOutNavigation #Codegrid

[TheChiaralyn]

Always beautyful contents! You're a rare coder and i wait anxiously your videos, i learn a lot from you...!!!! Thanks! Thanks! <3

[karansosa]

you are the only channel that teach us all the creative stuff thank you

[priyanzhu]

Coding means codegrid. A great video from a great designer, a great developer and a great youtuber.

[mehmettemell]

another day and another great video from codegrid 💥

[ivycer]

Music's poppin as per usual yessirr 🔥

[marianobarrionuevo]

Beautiful my friend but jQuery it's dead in 2020... recommendation, start to work with vanilla or a different library

[NishantsChannel]

is it possible to sell digital products from an html css website? like once someone buys a product from the website they get emailed the digital product?

[blecte_mayeem]

Super mais ça ne fonctionne pas quand je clique sur le " home ".. ça ne m affiche rien.. j utilise le logiciel sublime text 3 ca devrai fonctionner non ?

[johnricotemario]

Does this require internet to run the script?

[nayeemuddin]

How much JavaScript should i learn to do this kind of stuff?

[agadetr]

To be perfect like u in this thing what I shoul do

And as always this vid is dooeeee

[thegamerx]

how to change the cursor to animated cursor please make a tutorial