Build a modern dropdown widgets tab using CSS Grid & Flexbox and JavaScript
In this web development project you are going to build a menu bar witch will display the date and time using javascript and will also have two icons, one for battery and one for a widget tab with a animated dropdown effect using CSS and JavaScript.
You will build the widgets tab using CSS Flexbox and the Grid system. For the icons you will use Font Awesome.
💖 Support The Channel by becoming a part of this community!
🎱 Code for this Video:
https://norbertbm.com/build-a-modern-...
-----------------------------------------------------------------------------
Get 30 days of SkillShare premium for FREE:
https://www.skillshare.com/r/profile/...
-------------------------------------------------------------------------------------------------
Timestamps:
00:00 - Intro
00:31 - Project Intro
01:45 - Basic Setup
04:19 - Project overview
06:03 - Create the menu
13:58 - Show and hide the widgets tab
17:34 - Creating the widgets-tab
25:54 - Create the connectivity widgets
35:14 - Create the night mode widgets
38:59 - Create the keyboard widgets
41:41 - Create the air-play widgets
43:37 - Create the display widgets
48:26 - Create the sound widgets
50:46 - Create the Music player widgets
54:46 - Activate icons on click using JavaScript
👨🏫 Check out my Website for more tutorials and Udemy Course👨🏫 :
https://volere.life/web-development/w...
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
#dropdownmenu #javascript #norbertbmwebdevelopment
In questa pagina del sito puoi guardare il video online Build a modern dropdown widgets tab using CSS Grid & Flexbox and JavaScript della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Learn Web Dev with Norbert 10 novembre 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 554 volte e gli è piaciuto 17 spettatori. Buona visione!
