Finally, Customizing Select Menus EASILY! - Future Dev

Опубликовано: 25 Март 2022
на канале: DesignCourse
28,169
700

https://bit.ly/3T9r5zA 👈 Learn UI/UX Today. Use "UI2022" for 22% Off!
-- Today, we're going to step into the world of ((future)) frontend development and tackle an issue that's plagued man-kind for centuries: how to customize a select element! But it's not the select element, it's a new experimental element called the "selectmenu"!

You cannot yet use this in production! In order to experiment with it today, you must:

1. Open either Chrome or Edge
2. Switch the “Experimental Web Platform features” flag in the about:flags page and restart.

Referenced article:
https://css-tricks.com/the-selectmenu...

The select menu at Open-UI:
https://open-ui.org/components/select

0:00 - Introduction
1:27 - Learn UI/UX Interactively
2:13 - Project Structure
2:45 - Simple Menu HTML
04:05 - Simple Menu CSS
08:38 - Custom Menu HTML
13:48 - Custom Menu CSS
16:45 - Final Thoughts

Let's get started!

#html #css #futuredev

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter:   / designcoursecom  

Join my Discord!   / discord  
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!