Responsive Video Gallery With Side Bar Using HTML, CSS & Vanilla JavaScript
how to make a responsive video gallery using html css and vanilla javascript from scratch.
create a responsive video gallery with side bar toggle menu using html css and vanilla javascript tutorial for beginners.
SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/1IOq0...
How To Download
Step 1 :- click the google drive link ☝☝☝
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the folder and then rename each coding files.
Step 5 :- convert each coding files example ( index.txt to index.html ) - ( style.txt to style.css ) - ( script.txt to script.js ).
Step 6 :- open the converted index.html file into your browser.
Step 7 :- open your editor and put your converted into it and then edit it as you like.
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Pop...
Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
UI Tool : - Figma
Images / Video / SVG : -
01 - https://www.freepik.com/
02 - https://storyset.com/
03 - https://undraw.co/
04 - https://pixabay.com/
05 - https://unsplash.com/
06 - https://pixabay.com/
07 - https://www.flaticon.com/
New To My Channel Subscribe Now And See More Stuff Like This:
/ mrwebdesigneranas
Timestamp:
0:00 demo
1:15 file structure
2:05 coding starts
11:33 javascript starts
16:18 media queries
20:20 final demo
#FrontEnd
#VideoGallery
#JavaScript
On this page of the site you can watch the video online Responsive Video Gallery With Side Bar Using HTML, CSS & Vanilla JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Mr. Web Designer 15 December 2021, share the link with friends and acquaintances, this video has already been watched 14,637 times on youtube and it was liked by 410 viewers. Enjoy your viewing!
