Responsive Admin Dashboard Panel in HTML CSS & JavaScript | Dark/Light Mode
164.1 هزار بار بازدید -
2 سال پیش
-
Create Responsive Admin Dashboard Panel
Create Responsive Admin Dashboard Panel in HTML CSS & JavaScript | Dark/Light Mode | Codinglab
In this video, you will learn to create a Responsive Admin Dashboard Panel with Sidebar Menu using HTML CSS, and JavaScript. I also have added dark and light modes. If you choose a dark mode or close the sidebar, it will not change even webpage is refreshed or reopened, to make this I have used local storage.
---
Hire us on Fiverr
➤ https://www.fiverr.com/prakashahi
Follow me on Instagram
➤ Instagram: coding.np
Visit my website for helpful coding projects with source code
➤ https://www.codingnepalweb.com/admin-...
---
Timestamps:
00:00 Admin Dashboard | Demo
02:50 Creating CSS color variable
02:52 Importing Font Icons
03:05 Creating Sidebar for Admin Panel in HTML
06:25 Importing Google Fonts
13:56 Creating Navlink hover Indicator
18:29 JavaScript code dark & light mode | toggle button
22:05 Creating Admin Dashboard Panel
26:47 JavaScript code to toggle sidebar
49:53 Making Admin dashboard panel responsive
56:05 Localstorage code to keep user selected mode & sidebar
#Admin_Panel #Sidebar_Menu #HTML_CSS_JavaScript
---
Music Credit:
Song: Ikson - Anywhere (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
➤ Video Link: Ikson - Anywhere (Vlog No Copyright M...
Something 'bout July (Instrumental) by RYYZN
Free Download / Stream: http://bit.ly/-_something-bout-july
Music promoted by Audio Library Something 'bout July (Instrumental) –...
Deep Sea by Vendredi
Free Download / Stream: http://bit.ly/-deep-sea
Track: Lost Sky - Vision [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: 7ru1l8gtgo
Levianth & Axol - Remember (feat. The Tech Thieves) [NCS Release]
➤ Watch: Levianth & Axol - Remember (feat. The...
Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
➤ Watch: Lost Sky - Dreams pt. II (feat. Sara ...
Song: Ehrling - You And Me (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
➤ Video Link: Ehrling - You And Me (Vlog No Copyrig...
In this video, you will learn to create a Responsive Admin Dashboard Panel with Sidebar Menu using HTML CSS, and JavaScript. I also have added dark and light modes. If you choose a dark mode or close the sidebar, it will not change even webpage is refreshed or reopened, to make this I have used local storage.
---
Hire us on Fiverr
➤ https://www.fiverr.com/prakashahi
Follow me on Instagram
➤ Instagram: coding.np
Visit my website for helpful coding projects with source code
➤ https://www.codingnepalweb.com/admin-...
---
Timestamps:
00:00 Admin Dashboard | Demo
02:50 Creating CSS color variable
02:52 Importing Font Icons
03:05 Creating Sidebar for Admin Panel in HTML
06:25 Importing Google Fonts
13:56 Creating Navlink hover Indicator
18:29 JavaScript code dark & light mode | toggle button
22:05 Creating Admin Dashboard Panel
26:47 JavaScript code to toggle sidebar
49:53 Making Admin dashboard panel responsive
56:05 Localstorage code to keep user selected mode & sidebar
#Admin_Panel #Sidebar_Menu #HTML_CSS_JavaScript
---
Music Credit:
Song: Ikson - Anywhere (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
➤ Video Link: Ikson - Anywhere (Vlog No Copyright M...
Something 'bout July (Instrumental) by RYYZN
Free Download / Stream: http://bit.ly/-_something-bout-july
Music promoted by Audio Library Something 'bout July (Instrumental) –...
Deep Sea by Vendredi
Free Download / Stream: http://bit.ly/-deep-sea
Track: Lost Sky - Vision [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: 7ru1l8gtgo
Levianth & Axol - Remember (feat. The Tech Thieves) [NCS Release]
➤ Watch: Levianth & Axol - Remember (feat. The...
Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
➤ Watch: Lost Sky - Dreams pt. II (feat. Sara ...
Song: Ehrling - You And Me (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
➤ Video Link: Ehrling - You And Me (Vlog No Copyrig...
- #education
- #responsive_admin_dashboard_panel_in_html_css_javascript
- #responsive_admin_dashboard_panel_in_html_css_javascript_darklight_mode
- #responsive_admin_dashboard_panel_html_and_css
- #responsive_admin_dashboard_using_html_css_javascript
- #responsive_admin_dashboard_html_css_javascript
- #responsive_admin_dashboard_using_html_css
2 سال پیش
در تاریخ 1401/01/03 منتشر شده
است.
164,101
بـار بازدید شده