HTML Toggle Switch With Text On/Off
A toggle button is a visual element of the user interface that is used to switch between two (true/false) state. In web development, an HTML radio (or checkbox) input
350+ HTML / CSS Examples with Source Code & Tutorial
Floating Back to Top Button HTML & CSS
A “Back to Top” button is a useful element to quickly jump to the beginning of the page. On the long pages, this button really helpful for the users
Feedback Form in HTML with Star Rating
Are you looking for feedback form design? If yes, then you are in the right place. This tutorial explains how to create a feedback form with a star rating
HTML Images Side by Side with Captions
This tutorial explains how you can place HTML images side by side with captions using CSS. Whether you are working on a gallery project or want to arrange your
How to Add Preloader in HTML Page
A preloader is one of the important elements of the user-friendly interface. It indicates that contents are still loading with an animated icon or text. In this tutorial, you
Responsive Testimonial Slider using HTML & CSS3
A few months back, we created a testimonial slider based on pure CSS. We’re back again with a similar tutorial but with a quite different style of a testimonial
HTML Password Field Show Characters
Do you want to show characters in the HTML password input field? Well! in this guide you will come to know how to display password characters rather than default
HTML Image Zoom on Click using JavaScript
A zoom image is one of the useful features of user-friendly webpage design. It allows users to view the image more clearly in detail. This image can be a
Navigation Bar Design Code with Demo
Are you working on a navigation menu and need the code? If yes! then you are in the right place. Here, you will come to know an easy way
Contact Us Page Design in HTML Code
A “Contact Us” page is one of the most important pages of a website that contains information on all basic contact information, including the contact form. This makes it
Photo Gallery for Website HTML Code with Demo
A Photo Gallery is a great way to integrate a set of images into a web page. It not only provides an easy way to view multiple images at
Image Slideshow in HTML CSS Code with Demo
Are you looking for the HTML & CSS source code for an image slideshow? Well! you are in the right place, here you’ll find complete source code for the
CSS Modal with Blur Background
A modal dialog is one of the useful UI elements to display instant information to the users. Staying on the same webpage, it can be used to show notification,
3D Images Slideshow using HTML and CSS
A 3D slideshow for images is the right option while creating a creative website design. It not only attracts the users but also provide a good user experience while
Pure CSS Tabs with Indicator Code & Demo
Do you want to create tabs with an indicator? If yes! then you are in the right place. Here you’ll learn how to create tabs with an animated indicator
Loading Text Animation CSS Code with Demo
In web designing, a loader is a visual element that displays when page content still loading. It gets users’ attention and makes it easier for them to wait for
HTML Range Slider with Ticks and Values
Ticks are useful marks along with the numeric values in the HTML range slider. These marks not only create range steps but also helps to identify the current value
Book Page Flip Animation CSS Code with Demo
Today, I’m going to share a CSS code snippet to create a book page flip animation. It’s a pure CSS single page flip animation to reveal content on mouseover
CSS Draw Rounded Border Animation
When we talk about creativity in web designing, the very first thing that comes to mind is CSS animation. No doubt, animated elements represent the creative design of a
Responsive Navigation with Centered Logo
Last morning, I was working on a project in which I had to place the brand logo in the middle of the navbar. I tried different methods to get