Pure CSS Range Slider with 2 Handles
In a user interface, a range slider is a useful element to set a range of values. It makes it easy to input number values through its thumb/handle. In
In a user interface, a range slider is a useful element to set a range of values. It makes it easy to input number values through its thumb/handle. In
A progress bar is used to indicate the status of a process visually. In web designing, there are various types of progress bar including circular/radial progress bars and animated
A comparison slider is used to compare two images to highlight before and after effect. Users can view changes in real-time by sliding the image with the mouse pointer
Sometimes we need a lightweight image slider while creating a lite website template. No doubt, a number of JavaScript/jQuery plugins are available to build an image slider. But, in
Menu navigation is the main part of a website to navigate webpage content. It allows users to browse the most important pages easily. There are many types of menus
Buttons are the most important elements in web designing that allow users to interact with a website. They can be used to perform various operations on a webpage. No
A select dropdown is a group of options that allows the users to choose one value from it. Generally, a dropdown select can be created using HTML <select> tag.
Nowadays, most of web page assets can be created without using JavaScript. Yup! you heard it right, whether you are creating menu navigation or image slider you can functionalize
Sometimes, a web designer wants to create creative and mind-blowing stuff. Whether he is creating a part of the website template or a plugin he must use a parallax
Today, I’m going to share a responsive vertical sidebar toggle menu with a step-by-step implementation guide. This sidebar navigation menu comes with an animated hamburger button to toggle the
In a visual user interface, a progress bar is an indicator of a process. It can be used for various purposes including downloading progress, installation, skills overview or visualization
The use of modal popup is very common in web designing nowadays. Whether we are alerting the user or displaying an important message, we use a modal popup box.
One day, we were working on a project to create a lite web page template. One of my juniors asked me to suggest a lightweight jQuery plugin for the
Nowadays, there is a trend of Google Material design in both mobile apps and web designing. This designing framework comes with many animation effects, one of them is a
Sometimes, we want to build a unique navigation system while designing a template of a website. Although, there a number of menu & nav available on the web. But
A few days back, I was designing a landing page for a client. He asked me to add an animated stylish search box in that. I searched on the
An image slideshow is the best solution to represent multiple photos on a webpage. It can be used to highlights features, a showcase of work or to display general
Tabs are navigational items to switch between the relevant contents being on the same webpage. It makes easy to navigate specific content without loading the whole page. Besides this,
In this tutorial, you’ll learn how to create a responsive image slider using CSS only. How it would be? an image slider that can be slide through HTML radio
In this tutorial, you’ll come to know how to create a creative image gallery using HTML and CSS. Before going further, I’ll recommend checking the demo page. An image