Git Product home page Git Product logo

griddify's Introduction

Griddify

It's a tiny photoshop panel to make guides and grids. Download and see the tutorial here.

Preview of Griddify

Bugs and Feature Requests

Firstly, thank you for wanting to contribute! If you have any features/improvements in mind, or if something isn't working, just open an issue.

Development

PRs are more than welcome! Griddify depends on photoshopjs-core to command photoshop and also on photoshopjs-panel to create the interface of the panel. These projects currently only support the requirements of Griddify, and they'll be further developed as we work on Griddify and a couple of other Photoshop panels, which means if you wanna add a feature to Griddify, you probably gonna have to take a look at those too.

Here, I'll describe how you can develop griddify:

First, the requirements:

Beside Photoshop CC, you need to have ruby/compass if you want to change the css, and you need nodejs if you wanna change the scripts.

Preparing the dev environment:

Get a clone of the repo and then install with npm:

$ git clone https://github.com/pixana/griddify
$ cd griddify
$ npm install

Then, create a symlink from this directory to where you installed griddify:

  • On Mac: ~/Library/Application Support/Adobe/CEPServiceManager4/extensions
  • On Windows: %APPDATA%\Adobe\CEPServiceManager4\extensions (You might have to create the extensions folder)

You also need to enable the debug mode in Adobe applications. Quoting from this article:

  • On Mac, open the file ~/Library/Preferences/com.adobe.CSXS.4.plist and add a row with key PlayerDebugMode, of type String, and value 1.
  • On Windows, open the registry key HKEY_CURRENT_USER/Software/Adobe/CSXS.4 and add a key named PlayerDebugMode, of type String, and value 1.

Now, if everything has worked, when you restart Photoshop CC you should be able to see the panel in the Window > Extensions menu.

Developing

To watch the files for changes:

In OSX: (could someone please test this?)
$ npm run watch

In windows:
$ npm run winwatch

The extendscript stuff are in the scripts/coffee/commands directory and the script for the interface is in scripts/coffee/panel/panel.coffee.

License

It's under GPL Version 3.

griddify's People

Contributors

ariaminaei avatar

Watchers

mntz avatar  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.