Build a modern dropdown widgets tab using CSS Grid & Flexbox and JavaScript

Veröffentlicht am: 10 November 2021
auf dem Kanal: Learn Web Dev with Norbert

554

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

Auf dieser Seite können Sie das Online-Video Build a modern dropdown widgets tab using CSS Grid & Flexbox and JavaScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Learn Web Dev with Norbert 10 November 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 554 Mal angesehen und es wurde von 17 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

1,019,015

21K