250+ HTML / CSS Examples with Source Code for Designers

Custom Scrollbar CSS for all Browsers

Custom Scrollbar CSS for all Browsers

If you are thinking about styling the browser’s scrollbar then you are in the right place. You may have tried to make a custom scrollbar but did not get the actual output that you were wanted. In this tutorial, you’ll … Read More

Responsive Image Map with Hover Tooltip

Responsive Image Map with Hover Tooltip

In HTML, image mapping is a technique to highlight certain image areas and make them clickable. This method can be used to create clickable hotspots over images. In this tutorial, we are going to create a responsive image map with … Read More

Create a Comment Box in HTML and CSS

Create a Comment Box in HTML and CSS

This tutorial explains how to create a simple comment box input in HTML, CSS, and JavaScript. Basically, it is a frontend functionality (that can be handled in both jQuery and Vue JS) to quickly append a comment to the webpage. … Read More

Simple Horizontal Timeline with Pure CSS

Simple Horizontal Timeline with Pure CSS

 A timeline is a presentation of major events arranged in a sequence in which they happened. This is a useful component to display all achievements/goals with a certain time period. A timeline may be in horizontal or vertical format in … Read More

Breadcrumb Navigation with CSS Triangles

Breadcrumb Navigation with CSS Triangles

Breadcrumb navigation is a useful element to indicate the exact location of a product/post on the webpage. It also helps users to browse the relevant content related to the current item. On the other hand, a breadcrumb is an SEO-friendly … Read More

Design a Digital Clock using JavaScript

Design a Digital Clock using JavaScript

In this tutorial, we are going to design a simple digital clock widget using CSS and JavaScript. The basic requirement for a digital clock is to display the time in digits in 12/24 hours time format. So, in JavaScript, we … Read More

Pure CSS Fullscreen Navigation Menu

Pure CSS Fullscreen Navigation Menu

When we talk about consistent web design, the very first thing that comes to mind is lightweight and easy-to-navigate pages. So, the menu navigation is the first element to browse the website content. In a consistent design, the navigation system … Read More

Customize HTML5 Audio Player with CSS

Customize HTML5 Audio Player with CSS

Basically, HTML5 audio player can’t be styled if we used the “controls” attribute inside the audio tag. But, we can easily customize the player interface if we have a custom controls function. If you have tried to style the HTML5 … Read More

Pure CSS 3D Coverflow Image Slider

Pure CSS 3D Coverflow Image Slider

A 3D carousel is one of the most important components of a creative visual interface. It not only enhances the user experience but also attracts the user to stay longer on the page. There are many jQuery/JavaScript plugins to create … Read More