How to Code a Sliding Dropdown Button using Javascript, HTML, and CSS

Channel:
United States Web Dev Cody
Subscribers:
254,000
Published on ● Video Link: https://www.youtube.com/watch?v=XnpYMlcKKXQ


Category:
Tutorial
Duration: 14:45
5,384 views
105

Learning how to build out common web components that most web applications use is a great way to expand your javascript knowledge. A drop-down for an actions button is good javascript practice. You will also learn how to animate the dropdown menu to have it slide in and out.

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

🔔 Newsletter http://eepurl.com/hnderP
🤓 ES6 Udemy Course https://tinyurl.com/yxdvf2zl
🐦 Twitter https://twitter.com/thewebdevjunkie
📷 Instagram https://www.instagram.com/thewebdevjunkie/
💬 Discord https://discord.gg/4kGbBaa
📁. GitHub https://github.com/codyseibert/youtube



Other Videos By Web Dev Cody


2021-03-11CSS Battle - #69 PushOwl
2021-03-10Rendering HTML inside React is dangerous... here is how you can do it dangerously
2021-03-09Why learning the javascript debugger will save you time
2021-03-07Why You Need to Understand Re-rendering in React and useState Hook
2021-03-05How to modify a website's header color as the user scrolls in javascript
2021-03-04Live coding react - adding more functionality to an accordion component
2021-03-03How to Code a Scroll to Top Button using JavaScript
2021-03-02CSS Battle - #42 Baby
2021-03-01How to dynamically disable a form button using Javascript, HTML, and CSS
2021-02-28How to code a 5 star rating widget using Vanilla Javascript, HTML, and CSS
2021-02-27How to Code a Sliding Dropdown Button using Javascript, HTML, and CSS
2021-02-26You’ll spend a ton of time debugging (as a software engineer)
2021-02-25Figuring out the time complexity of this problem - Big O
2021-02-24How I Coded a Bot to Draw Starcraft Characters
2021-02-23A subscriber wanted help building out this shape using CSS
2021-02-22This research paper helped me land a job
2021-02-21Focus on learning one piece of technology at a time
2021-02-20Trying battlesnakes for the first time
2021-02-19A subscriber was asked this interview coding challenge
2021-02-18An overview of recursion in JavaScript using a file system example
2021-02-17Don't blindly follow programming advice on tech social media


Tags:
web development
programming
coding
code
learn to code
tutorial
software engineering
javascript
html
css
dropdown
drop down
actions button
action drop down
sliding drop down
sliding menu
vanilla javascript
vanilla js
css animations
css transitions
css transition
how to
program
website
web components
common widgets