Categories
Website Design

How To Create Advanced CSS Dropdown Menus [Video]

How To Create Advanced CSS Dropdown Menus

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html

Dropdown menus are one of the more common things you will create as a developer, but most developers create boring looking dropdowns. In this video I will show you have to create and advanced CSS dropdown that can include things such as forms or advanced navigation.

📚 Materials/References:

FREE CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html
Starting GitHub Code: https://github.com/WebDevSimplified/advanced-dropdown/tree/starting-code
GitHub Code: https://github.com/WebDevSimplified/advanced-dropdown
Async Vs Defer Video: https://youtu.be/BMuFBYw91UQ
Async Vs Defer Article: https://blog.webdevsimplified.com/2019-12/javascript-loading-attributes-explained
JavaScript Data Attribute Article: https://blog.webdevsimplified.com/2019-10/do-not-use-class-selectors-in-javascript

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00 – Introduction
00:20 – Demo/Starting Code
00:56 – Dropdown CSS
07:50 – JavaScript
11:25 – Advanced Menu HTML/CSS

#Dropdown #WDS #CSS

Watch/Read More
Categories
Website Design

Check out my courses to become a PRO! https://developedbyed.com/ Do you like data and want to display it with beautifully animated charts? In this episode we are going to learn how to build charts with javascript using chart.js. Support me on Patreon for exclusive episodes, discord and more! https://www.patreon.com/dev_ed Follow me on: Twitch: https://www.twitch.tv/developedbyed Twitter: https://twitter.com/developedbyed Instagram: https://www.instagram.com/developedbyed/ Github: https://github.com/developedbyed/ #programming

Categories
Website Design

Marketing a physical product can be easy, given you can take beautiful flatlays/lifestyle shots... But when you're marketing an app or SAS product, all you have is screenshots. 😐 I spoke to Cory Etzkorn recently, who is a Designer at Notion (and you know I love Notion). He spoke about how Notion prioritise making imagery that looks & feels real. I really loved what he had to say, and wanted to share it here. You can watch the full episode interview here: https://youtu.be/jKx2cjy2FRo🚀 CharliMarieTV is now powered by Figma! https://bit.ly/figma-charliFigma is a design tool that helps teams create, test, and ship better designs from start to finish. And it's free! :)TIMESTAMPS:00:00 An important part of marketing materials 00:36 Hear what Cory has to say 01:46 Who creates all the product imagery? 02:45 Who the imagery is created for 04:11 UI straight from a 'real creator's' account05:02 How do you handle digital product shots? 💬-----------------------------------------------// ENJOY MY VIDEOS?My videos don't have pre-roll ads because ads are annoying and I don't want you to have to sit through them. If you want to support me and my channel the best thing you can do is join my Patreon! You'll get extra content and ways to learn, like behind-the-scenes process info, downloadable assets and a patron-only podcast! Sign up here: http://patreon.com/charlimarie-----------------------------------------------// ABOUT MEHello there! I'm Charli and I'm a half-British, half-kiwi web and graphic designer currently living in Valencia and posting design videos about tools, projects, and concepts as well as vlogs of my life as a designer. Please subscribe and say hi in the comments so we can be friends :) -----------------------------------------------// MOREBuy my font: http://charlimarie.storeMy site & blog: https://charlimarie.comDesign Life podcast: http://designlife.fmInside Marketing Design podcast: https://insidemarketingdesign.co// SOCIALTwitter: https://twitter.com/charliprangleyInstagram: http://instagram.com/charliprangleyFacebook: http://www.facebook.com/charlimarieTVTwitch: https://www.twitch.tv/charlimarietv-----------------------------------------------// MUSIC & TECHMusic from Epidemic Sound. If you want to try it out, sign up using my link! http://charlimarie.com/epidemicsoundIntro & end card animation by hand lettering animator Austin Saylor: http://www.austinsaylor.com/Editing by Nancy Palm http://nancypalm.com & Belén Albiol https://www.instagram.com/molen.audiovisual