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 <contact>
Classes: 11 packages by
Country: Armenia Armenia
Age: 33
All time rank: 171 in Armenia Armenia
Week rank: 2 Up1 in Armenia Armenia Equal
Innovation award
Innovation award
Nominee: 5x

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: 127 users
All time rank: 273
Week users: 0 users
Week rank: 46 Equal
 
  Groups   Screenshots Screenshots   Rate classes User ratings  
  Dependencies   Applications   Related pages   Files Files  

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

  Files folder image Screenshots  
Screenshot1
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

  User ratings  
Not enough user ratings

  Packages needed by this class  
Class DownloadWhy it is needed Dependency
Event Download .zip .tar.gz For cross-browser event handling Required
Drag and Drop Download .zip .tar.gz For drag-n-drop functionality Required

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

  Related pages  
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 folder image Files  /  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.