We have talked a lot about about HTML5 and CSS3 in the past couple of months and today we continue the series of video tutorials with a new addition: creating a CSS3 dropdown menu from scratch. It is extremely easy to do, so don’t be scared.
The video is a bit longer, it runs for about 40 minutes, this is because I have gone into great detail explaining the process so that everyone will understand all of the properties. Once you are able to do it on your own, 10-15 minutes should be enough for you to go through the necessary coding and create this dropdown menu.
The CSS3 Dropdown Menu We’ll be Making
As promised, you can check out my previous video tutorial about how to create a responsive website using HTML5 and CSS3. In this tutorial you will learn how to create a website from scratch, and by the end you will have a functional website to boast of. It can also be your way to becoming a freelance web designer and live your dream lifestyle, just like what we do.
Question: How Can You Make this Responsive?
There are different ways on how you can include navigation for mobile devices, but not every one of them work for the users. Some prefer to make their navigation menu responsive by collapsing them under one icon, while others would just line it up evenly (just like 1WD!). How about you? What’s your best bet?
20% exclusive discount on Bluehost – for your hosting needs, because you’re on your way to becoming a successful web designer – and you need this!
Christian Vasile is an enthuziastic Romanian web designer currently living in Denmark. He is passionate for the industry and writes about design, usability, coding and freelancing and is a regular publisher here at 1WD. You can follow him on Twitter at @christianvasile or visit his web portfolio by clicking on the link above.