designbump

One of the interesting trends which I noticed recently is to showcase your work in Fluid Grid. In this post you will find most amazing website trend-the fluid grid-based layout, mostly used by galleries and visual inspiration blogs. Here are 10 amazing examples.Please use the comment box for suggestions and opinions – Will the future of web design be fluid?

Grid-based layout is probably the more preferred way to style up a webpage to give it more magazine-like look and feel. This tutorial is about how to use CSS and Javascript to create a fluid grid-based layout (See demo here). The algorithm/procedure used in this tutorial is very simple and straightforward. There are more advanced algorithms out there which can handle multiple scenarios. But the purpose is to understand the basic logic on how to create such layout. So here it goes…

We’re ready to unveil 15 amazing examples of infinite blogs and some tutorials

The Grid feature in Photoshop is a great tool to assist you with your layout designs, whether its design for the web or print. Adding a “Snap” lets you align objects very precisely along the lines of the grid. And rather than make a new grid each time you’re designing, you can set up grid preference that can be reused.