Login   Register  
Icontem

JS Rulers Guides: Place and draw guides and rulers like Photoshop

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

  Author Author  
Picture of Mark Rolich
Name: Mark Rolich <e-mail contact>
Packages: 10 Browse all classes by Mark Rolich Browse all classes by
Country: Armenia Armenia - JavaScript jobs in Armenia
Age: 33
All time rank: 171 in Armenia Armenia
Week rank: 12 Up1 in Armenia Armenia Equal
Innovation award
Innovation award
Nominee: 4x

Winner: 1x


  Detailed description   Download Download .zip .tar.gz   Install with Composer Install with Composer  
This object can be used to place and draw guides and rulers like Photoshop.

It can render horizontal and vertical rulers that show coordinates in pixels on the page borders.

The user can drag guide lines from the rules in a similar way that works in Photoshop.

The user may toggle the visibility of rules and guides using special control keys.

  Classes of Mark Rolich  >  JS Rulers Guides  >  Download Download .zip .tar.gz  >  Support forum Support forum  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: JS Rulers Guides
Base name: rulers-guides
Description: Place and draw guides and rulers like Photoshop
Version: 1.0.0
JavaScript version: 1.0
License: MIT/X Consortium License
All time users: 120 users
All time rank: 269
Week users: 0 users
Week rank: 66 Equal
 
  Groups   Screenshots Screenshots   Freshmeat project   Rate classes User ratings  
  Dependencies   Applications   Related links   Files Files  

  Groups  
Group folder image Utilities and Tools General purpose tools to simplify software development View top rated classes

  Files folder image Screenshots  
Rulers and guides example
File Role Description
Accessible without login Image file Screenshot1 Screen Rulers and guides example
Accessible without login Image file Screenshot2 Screen Rulers turned off


  Innovation Award  
JavaScript Programming Innovation award winner
September 2013
Winner
Guides are lines that are useful to align objects placed in a space.

This object can render guide lines that the user can drag them by clicking on rulers that are displayed on the side just like in the Photoshop program.

Manuel Lemos

  Freshmeat project  
Project record: rulersguidesjs
Popularity score: 22.61
Vitality score: 14.52

  User ratings  
There are not enough user ratings to display for this class.

  Packages needed by this class  
Class Dependency Why it is needed
Event Required For cross-browser event handling
Drag and Drop Required For drag-n-drop functionality

  Applications that use this class  
No application links were specified for this class.
Add link image If you know an application of this package, send a message to the author to add a link here.

  Related links  
Link Description
Demo Demo
Github Github repo

  Files folder image Files  
File Role Description
Files folder imagedemo (2 files)
Accessible without login Plain text file bookmarklet.js Appl. Bookmarklet
Accessible without login Plain text file bookmarklet_ie.js Appl. IE bookmaklet
Accessible without login Plain text file mit-license.txt Lic. LICENSE
Accessible without login Plain text file README.md Doc. README
Accessible without login Plain text file rulersguides.css Data Main css file
Plain text file RulersGuides.js Class Main class

  Files  /  Files folder image demo  
File Role Description
  Accessible without login Plain text file index.css Data demo css file
  Accessible without login Plain text file index.html Example demo

Install with Composer Install with Composer - Download Download all files: rulers-guides.tar.gz rulers-guides.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.