Code Monkey home page Code Monkey logo

page-ruler's Introduction

Page Ruler - Chrome Extension

Page Ruler is an extension for Google Chrome allowing you to draw a ruler to get pixel dimensions and positioning, and measure elements on any web page.

Please use the issue tracker to report any bugs or make suggestions

Contribute

All contributions are welcome. The project uses Grunt for automated builds and Less for CSS.

Quickstart

Install node.js. Once installed run the following commands to install grunt, less and generate a build.

npm install -g grunt-cli
npm install -g less
cd /path/to/pageruler
npm install
grunt

Source code is located in the src directory. Grunt will monitor any changes to the files in this folder and automatically compile and generate a new builds in the build directory. Set /path/to/pageruler/build as the location of your unpacked extension and you can now makes changes and see the results in your browser.

Translating

If you would like to contribute a translation please either:

  1. fork the repository, add them in src/_locales using the guildelines specified in the Chrome extension internationalization guide and submit a pull request.
  2. download the English master version at src/_locales/en/messages.json and create a new ticket in the project issue tracker attaching your translated version. Please prefix the issue title with '[translation]' and remember to say what language it is for!

All translations should be based on the master English version located at src/_locales/en/messages.json

Credit

If you would like to be credited for your contribution on the upgrade page please also include a name and link (personal site, twitter etc) with your submission

page-ruler's People

Contributors

peternewnham avatar khoin avatar paletta avatar aitherios avatar chatard avatar

Watchers

James Cloos avatar Mark Wiedmann avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.