Creating a hamburger menu is a common task for modern web development, especially for responsive designs. In this tutorial, we'll walk through how to create a hamburger menu component using plain JavaScript, HTML, and SCSS. Burger Menu HTML Structure...
Tabs allow users to navigate between different sections of content within the same page. In this tutorial, we'll walk through how to create a basic tabs component using plain JavaScript, HTML, and CSS. Before we start I'd like mention that I used: B...
Accordions are a popular UI pattern for presenting collapsible content sections. In this tutorial, we'll walk through how to create a basic accordion component using plain JavaScript, HTML, and CSS. Before we start I'd like mention that I used: Boxi...
Have you ever encountered issues with SCSS where the scope of the parent element gets lost within multiple nested selectors? This is a common problem, especially when you're dealing with complex stylesheets. However, fear not! There's a simple and el...
Caching is a common practice browsers use to store resources locally, enhancing load times. However, it can become problematic when developers make updates to images. Without cache-busting, users might continue to view outdated images from their loca...
As frontend developers, we all know building stunning designs and ui takes a lot time. During my journey I came across so many tools on the web that helped me to increase my productivity as a front-end developer and now, I'm going to share the ones I...
