FireGrid JS is a new tool for web designer able to generate an horizontal grid and a vertical grid that overlap a website.
When you are starting a new project enable FireGrid JS and select the proper horizontal and vertical grid, FireGrid JS is able to save your selection with cookies, therefore you can refresh the page, close your browser or restart your machine without losing your selection.
A fire icon allows you to turn on and off the grid whenever you want, for example you can enable FireGrid JS to check the alignment of a specific element on the screen, then by clicking on the fire icon you can turn off the grid to work on the CSS with FireBug or the Chrome Developer Tools and then you can turn on again the grid to verify your work.
Last Update | 10 November 2013 |
Published | 23 September 2013 |
High Resolution | No |
Compatible Browsers | IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge |
Files Included | JavaScript JS, HTML, CSS, Layered PNG |
Software Version | jQuery |
Tags | css, css grid, designer, grid, grid builder, grid calculator, grid generator, grid plugin, grid system, guides, layout, system, typography, vertical rhythm, web |