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 drop-down menu. I wondered to hear that and suggest him to … Read More
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 ripple effect. Basically, the Materialize (web version of Material Design) is … Read More
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 in the case of lightweight projects, we have to use some … Read More
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 web, found many designs for the search box but none of … Read More
The world is changing rapidly due to the modern technology of the web. Nowadays, most of the life tasks we are doing via the internet. Whether it is about applying for a job or online course, we need to register … Read More
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 purpose photos. On a webpage, an auto-playing image slider has its … Read More
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, tabs are useful to display contents in a short space of … Read More
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 inputs with a smooth sliding animation. The final output is shown … Read More
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 gallery is a great feature in web design to show your … Read More
A testimonial slider is another important part of a business website. It not only improves the credibility of your website but also maximizes the conversion rate. Whether you are creating a website template for a business or a personal portfolio, … Read More
Last night, I was thinking about a pure CSS carousel with arrows navigation. I just imagined the coding, but It looked a difficult task. I tried a little bit and I couldn’t finish it. The next morning, I woke up … Read More
Today, I’m going to create a simple card slider with pure CSS. A card slider delivers a lot of information in a limited space of a webpage. It may contain text, images or videos. This type of content slider also … Read More
Are you looking for a responsive drop down navigation menu created with HTML and CSS? if yes, then you are in the right place. Here, I’m going to share awesome multilevel dropdown navigation with a step-by-step implementation guide. No doubt, … Read More
An accordion is the best solution to toggle (hide and reveal) content on a webpage. There are a lot of methods and plugin for accordion in JavaScript. But, what about a responsive accordion created with pure CSS? Yup, its quite … Read More
Nowadays, every Web Designer tries to make an attractive design that attracts users. Whether it’s about a full website or a component of a website. No doubt, each component has its own value in a website. This component can be … Read More
Do you ever try to make CSS rotate animation that rotates an image on click? you may have tried, but it might be not perfect as you were wanted. In this tutorial, you’ll come to know how to rotate an … Read More
In this tutorial, I will show you how to style a Google Custom Search box with CSS and HTML. We will use {a-gsc-i-id1} elements to design the search bar. We know that the Google search field let you enable search … Read More
Looking for fancy but pure CSS horizontal accordion with nice transition effects? Here we will create one with a unique design that looks really awesome in design. It is a simple accordion that is good enough in modern-day designing. I … Read More
In this article, we’re going to creating a beautiful and stylish pure CSS accordion menu that has animated elements which user click. It is the colorful HTML/CSS accordion menu and each one has a unique color. When the user clicks … Read More
Are you looking for responsive vertical tabs that built up with pure CSS? if your answer is “yes!” then you are at the right place. Here I’ll explain how to create vertical tabs using HTML and CSS. But before this, … Read More