ASMR Programming – Simple Responsive Sidebar – No Talking

40.7K views on YouTube

Design

Hello Everyone ✨ Welcome to AsmrProg web design coding bootcamp😅 in this web coding bootcamp i started to create useful video’s about responsive ui design from beginner to advanced 😁

source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT

with this coding bootcamp you will learn how to be an ui interface designer✅
Follow my web design coding bootcamp playlist i will upload video’s of web desing bootcamp in it for easier access and video’s in this playlist sorted by beginner to advanced 😉

Web Design Coding Bootcamp Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI0QgD6VvH5TN0Nm1i5dVITH

Every week i will update this playlist ✅

About this video :

In this video, i designed a sidebar using only HTML and CSS (one line javascript) 💎 This sidebar is fully responsive for mobile devices 📱 You can use this sidebar for your website projects.
it’s modern sidebar #1 from my web coding bootcamp ⚙️
in the future we will have other parts of side navigation bars 😉

Github Source Code : https://github.com/AsmrProg-YT/css-sidebars

Video Contents :

00:00 – Intro (Sidebar #1)
00:26 – Main html codes
00:45 – Adding Icons
01:05 – Html coding
03:17 – One line js code
03:38 – Create style file
03:43 – Adding google fonts
05:30 – Sidebar Header
07:34 – Sidebar logo
08:13 – Sidebar menu
11:15 – Final result

Asmr Game Coding Playlist : http://bit.ly/3Ojajgm