https://github.com/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.
https://github.com/dotjay/hashgrid
Last synced: 4 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/dotjay/hashgrid
- Owner: dotjay
- License: other
- Created: 2009-12-21T17:45:26.000Z (over 16 years ago)
- Default Branch: main
- Last Pushed: 2022-11-07T11:43:38.000Z (over 3 years ago)
- Last Synced: 2026-01-23T15:43:12.986Z (5 months ago)
- Language: JavaScript
- Homepage: https://dotjay.github.io/hashgrid/
- Size: 167 KB
- Stars: 443
- Watchers: 8
- Forks: 46
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# #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](http://bower.io/):
```bash
bower install hashgrid#v10
```
Notes on usage can be found at [dotjay.github.io/hashgrid/#installation](https://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/](https://dotjay.github.io/hashgrid/)
It is no longer hosted at hashgrid.com, which is now defunct.
## Development ##
Install dependencies
```bash
npm install
```
Run tests
```bash
npm test
```
Build for production
```bash
# 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