dotjay / hashgrid

A little tool that inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background.

#grid

A little tool that inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background.

Features

• Adaptable for all layout widths and alignments
• Adaptable for any vertical rhythm value
• Set keyboard shortcuts to show and hide the grid, hold it in place, toggle it to the foreground and background, and jump between multiple grids
• Uses a single JavaScript file and a little CSS to control the grid lines, columns and gutters

Install

Download the latest release from:

https://github.com/dotjay/hashgrid/tags

Install using Bower:

bower install hashgrid#v10

Notes on usage can be found at dotjay.github.io/hashgrid/#installation.

Please note

The latest version of #grid is maintained on Github, and its official web page is: dotjay.github.io/hashgrid/

It is no longer hosted at hashgrid.com, which is now defunct.

Development

Install dependencies

npm install

Run tests

npm test

Build for production

# This will build hashgrid into dist folder
grunt

# This will build hashgrid and then turn on the watcher for auto building
grunt dev

License

Copyright 2013-2022 Jon Gibbins

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

--

This essentially means that you're free to copy, modify and distribute it for any project so long as you provide clear attribution to the author.

Get in touch if you need a different license. https://dotjay.com/contact