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.
- 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
Download the latest release from:
https://github.com/dotjay/hashgrid/tags
Install using Bower:
bower install hashgrid#v10Notes on usage can be found at dotjay.github.io/hashgrid/#installation.
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.
Install dependencies
npm installRun tests
npm testBuild for production
# This will build hashgrid into dist folder
grunt
# This will build hashgrid and then turn on the watcher for auto building
grunt devCopyright 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