All novice programmers must know the Hamburger menu, right? It turns out that there are many types of menus used for websites, bro, not just hamburger menus.
We already know that the Hamburger is known as a burger icon with a design that is often used to hide navigation menus in user interfaces. When the user clicks on the hamburger menu icon, the navigation menu will appear in the form of an overlay or slide in from the side of the screen.
Hot Dog Menu
Do you know why it’s called a hot dog menu? Because it looks like a hot dog! this menu is almost the same as a hamburger menu, but the hot dog menu only has 1 long line between the two lines.
Oreo Menu
Do you know why it’s called the Oreo menu? because the shape is similar to an Oreo, but it only has 2 lines.
Kebab Menu
Kebab menu is often used on social media, this menu has a quite unique shape which has 3 lines but, this is not a line, but a circle, it’s easy to make.
Candy Box Menu
Maybe it sounds strange, don’t you think? but this menu is true, the shape is 3×3 round because it’s like candy. This menu is usually used to load other menus that do not fit on a web page or application.
Chocolate Menu
The shape is almost like a candy menu, but this menu is in the shape of a 3×3 box, it’s easy to differentiate from the candy menu.
Strawberry Menu
The shape is almost like a strawberry, namely big to small. This menu has been widely used in applications and on the web and the strawberry menu is also often used to filter content from a — b or 1–10 (from small to large or large to small).
Fries Menu
This fries menu has a unique shape, the formula is almost the same as the hot dog menu, the only difference is in the center line and alignment.
Stairs Menu
This stairs menu looks modern to me because the design is unique among all the menus. and there are 2 types of ladder menu, namely the ladder menu, left or right aligned but elongated and middle aligned but the same size.
Veggie Burger Menu
This veggie burger menu or 2 line menu also looks simple and easy to make, almost like a hamburger menu, it’s just that this menu only has 2 lines. suitable for those of you who want to create X animations when floating.
Cake Menu
This is the most unique menu among all the menus that have been explained, but this menu is still rarely used because it doesn’t really make sense, according to them it’s better to make a hamburger menu.
In web development, we know that the <select> element is often used to show a list of options to users. But when the list of options is super long, it’s better to group those options together to make it easier to navigate. That’s where the <optgroup> element comes in. Previously, do you know what this […]
Ever heard the phrase “I want to be a programmer but I’m too lazy to code”? To be honest, you’re not alone! Many people are interested in the world of information technology (IT) and its bright career potential, but feel intimidated by the complicated coding process that requires a lot of persistence. The good news […]
As a developer, I’m always looking for ways to create something unique and completely under my control. When I decided to start a personal blog, I knew I didn’t want to be tied down to any pre-made themes or templates. I wanted the freedom to design the front-end exactly how I wanted it, without sacrificing […]