Channel: DesignCourse

Category: Howto & Style

Tags: custom select menunew select menuopen-uigary simonstyling select menuhtml selectmenuhtml select menuopenuidesigncourseselect menu

Description: bit.ly/3IEoR5Q 👈 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: css-tricks.com/the-selectmenu-element The select menu at Open-UI: 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: designcourse.com My personal FB account: fb.com/logodesigner Coursetro FB: fb.com/coursetro Coursetro's Twitter: twitter.com/designcoursecom Join my Discord! discord.gg/a27CKAF ^-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!