Frontend Dev Blog
A progress bar is a nice way to showcase the completion state of something. The default HTML element looks inconsistent across different browsers. Fortunately, there’s a way to give a custom style for the progress bar element.
Tooltip is a nice way to display additional information when there isn’t much space for it. You can create beautiful tooltips using only CSS.
JavaScript has a native and easy-to-use API to listen for element resize. ResizeObserver is a modern approach to handle element resize.
Your website can have a social media card so that when you share it online it looks more appealing and provide additional information for people. To do so you’ll need to add HTML meta tags for social media.
There are 3 types of buttons in HTML, each of them has its own purpose. In this article, we’ll inspect each one of the HTML button types and see how they are different.