In my last post, I introduced to you all a new site that I found called Scrimba.com. If you happened to miss that one, let me give you a quick breakdown on Scrimba. It’s a site that offers various of tutorials from various instructors on different types of codes. I am a new fan of the site because of its ability to keep me engaged, along with its simplicity. Now, I am here to review and discuss one of the tutorials on the site.
The tutorial I chose to watch and learn from is titled “Simple Dropdown Navigation With Flexbox” (https://scrimba.com/p/pRB9Hw/cgwQ8C6). I chose this one because I felt somewhat familiar with flexbox so I wanted to find out more about how to create a dropdown navigation. This tutorial was approximately four minutes long, which I loved because it was quick and made it super easy for me to follow along with.
As I watch the instructor input his code, what I initially noticed is that he first started out by giving his dropdown menu a title. He did this by using the <title> tag. Next, he added a <nav> tag into the <body> section. From their he began to input an unordered list. He did this because that is essentially all that a dropdown menu consists of. The tag for this is <ul> followed by the <li> tags as shown below.
From there, the instructor began to input an unordered list under one of the already established list items. He went into the about section and used another <ul> tag. This allows for a menu and a submenu.
Next, the instructor went into CSS to work on the design and appearance of his dropdown menu. First he got rid of the bullets by using the following tag “list-style-type: none”. As for some other stylistic choices, he changed up some of the fonts and colors, all shown below.
So, that was a basic breakdown of one of the tutorials featured on Scrimba.com. As I have mentioned earlier, I really like these tutorials because they are extremely simple and easy to understand. For someone who is at a beginner level, I definitely recommend checking out this site because it offers a wide range of tutorials. Most of them are on the shorter side so you are able to get through them at a decent pace. However, if you feel that the instructor is going to quick, or you need to go back and review, you are able to do so since all the tutorials are videos.
This tutorial taught us how to create a dropdown menu in about four minutes, and it also went over how to change up the color and font which serves as a great refresher and review of one of the most basic features of CSS.
If you have yet to check out Scrimba.com, I highly recommend because there really is something for everyone, no matter what learning level you are at. For me, I definitely will keep this site on my list of helpful resources and will continue to check it whenever I am struggling with HTML and CSS.
Inspiration Log 