Script of the Day: Gridpak

Responsive design is currently the hottest topic in web design. This type of design principle is based on a layout that adapts itself to the user's screen size, rearranging elements on the page accordingly.

This is mainly possible due to grid systems. While most of them are static, grids can also be built to be fluid, moving page elements from one section to another, removing and adding columns on the fly. This makes fluid grids the perfect tool for creating mobile friendly websites.

The catch to all of this is that while incredibly useful, static or responsive grids are very hard to correctly setup. This is where Gridpak can help you.

Gridpak will allow a developer to draw his type of grid system using a simple interface and then simply output all the CSS code needed to render it on a page.

After all the Gridpak setup is done, a ZIP file will be served to the user containing the PNG(s) image to draw the grid, the CSS stylesheet, a LESS file, SCSS styles, a helper JavaScript file and a README file with instructions.

Unfortunately, Gridpak is written and powered by Python. For users not familiar with it, but still in need of a grid generator, an online version of Gridpak can be accessed here.

Download Gridpak from our Scripts section here.