240+ HTML / CSS Examples with Source Code for Designers

Pure CSS Arrow Down Bouncing Animation

Pure CSS Arrow Down Bouncing Animation

In this tutorial, I’m going to show you how to create a CSS down arrow bouncing animation using pure CSS3. Basically, such arrow animation can be used in dropdown menu, accordion or some thing like that. We saw a lot … Read More

Pure CSS Image Gallery with Thumbnails

Pure CSS Image Gallery with Thumbnails

Did you try out our fullscreen image gallery which build with CSS3? What about this Pure CSS image gallery with thumbnails that allows you to change the main image when user hover over the thumbnails. Previously, I have build a … Read More

Pure CSS3 Responsive Fullscreen Image Gallery

CSS3 Responsive Fullscreen Image Gallery Without Javascript

Today we come with another tutorial called pure CSS3 responsive fullscreen image gallery. This gallery created using the latest CSS3 techniques without using JavaScript or jQuery but have all the features just like any JavaScript gallery. It has awesome functions … Read More

Pure CSS Image Slider with Thumbnails

Pure CSS Image Slider with Thumbnails

You surely try out many of JavaScript thumbnails slider, right? But that’s overload your site and you want to create a lightweight version of the slider which is quite possible with CSS only. In this tutorial, we’ll demonstrate pure CSS … Read More

Sticky Navigation Bar On Scroll using jQuery

Sticky Navigation Bar using Jquery with Border Indicator

One of creativity of website design to create a jQuery sticky navigation bar on scroll which shows border indicator while a user on the scroll the page to the down. Creating stunning navigation is always important for a good looking … Read More

Pure CSS Content Slider without Javascript

Pure CSS Content Slider without Javascript

Today, I’m going to create pure CSS content slider without JavaScript. Now, you don’t need to arrange a lot of JS scripts or slider contents. I’ll explain each necessary step to get it working. You don’t need to provide any … Read More

Pure CSS3 Responsive Animated Skills Bar

Pure CSS3 Responsive Animated Skills Bar

Are you going to build personal portfolios website? If yes, then responsive animated skills bar which is built with pure CSS3 are commonly used to showcase your skills. The skills bar represent the level of expertise or knowledge related to … Read More

CSS Timeline: Build Vertical Timeline with CSS

CSS Timeline: Build Vertical Timeline with CSS

In this tutorial, we’ll learn how to build a responsive CSS vertical timeline from scratch. First, we’ll create the primary structure of minimum markup and the strength of CSS pseudo-elements. Then, we’ll use some CSS to feature a few transitional … Read More

Pure CSS Star Rating Using Radio Buttons

Pure CSS Star Rating Using Radio Buttons

In this tutorial, I’ll make a CSS star rating system using HTML radio buttons and also will show a pure Unicode entity HTML rating. The CSS Star Rating is one particular classic UX patterns that every web designer has tinkered … Read More

CSS Search Box Example with HTML

Nice & Beautiful Design Looking CSS Search Box with Icon

In this tutorial, we will create 6 unique CSS Search box Examples with HTML which are easy to use. You will find the form code and demo as well. All of the examples are well coded and has a nice … Read More

Pure CSS Cool Loading Animations and Spinners

Pure CSS Cool Loading Animations and Spinners

Today, I’m going to share pure CSS based cool loading animations and spinners with you. Nowadays, the page loading animation is commonly used in web designing. Before coming up with CSS3, to create loading animation we used jQuery. By using … Read More

Pure CSS Slideshow Autoplay without JavaScript

Pure CSS Slideshow Autoplay without Javascript

After getting a lot of feedback, today I have the plan to share with you a pure CSS slideshow autoplay without JavaScript. It comes with dot navigation support. Furthermore, it also supports the title and description text over each slider … Read More

Simple Pure CSS Sticky Header On Scroll

Simple Pure CSS Sticky Header on Scroll

It’s time to create simple but pure CSS sticky header on scroll that will stay fixed at the top the page. When user on scroll down the page, the fixed header comes along with the mouse scrolling. Header navigation will … Read More