JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    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.
    Filed under 

    • 🔾25%Overall
    • 450
    • 44.1 days
    • 🕩47
    • 👥12

    #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

    Show All