The “Layout” is the main part of the website design that defines the structure of a webpage. This category consists of different components related to page layout. Here you can explore various types of layouts including grid, sidebar, header, or footer layout with source code examples.
We know that the fixed header with scrolling body content area is most popular nowadays in web designing. But if we make animated header & resize on-scroll it will enhance the beauty of any website. There are many ways to … Read More
With the help of CSS, We will create a responsive grid for an image with captions. I will do that with the help of HTML element li and keep the code minimal. These are simple grids that allows you to … Read More
In this tutorial, I am going to create a CSS fixed header with auto height scrolling body content so that the content should be automatically adjusted instead of fixed. You may know that It is quite easy to create a … Read More
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
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
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
