https://github.com/jazz-man/ixedit
https://github.com/jazz-man/ixedit
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jazz-man/ixedit
- Owner: Jazz-Man
- Created: 2018-07-08T16:06:41.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-07-08T16:06:48.000Z (almost 7 years ago)
- Last Synced: 2025-01-02T11:26:51.445Z (6 months ago)
- Language: JavaScript
- Size: 345 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
ixedit
======
IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application.
### The project is compatible with those browsers.
- Firefox 12.0+
- IE8+
- Chrome 19.0.1084.46+
- Safari 6.0.3+
### Install
Copy and paste the HTML code:
### Usage
- Open the `index.html` file inside of a web browser.
- if you installed python, run
> python server.py
And access `http://127.0.0.1:8000`.
- Or use grunt
```
$ npm install -g grunt-cli
```
Install all dependencies in repo's root and run:
```
$ npm install
$ grunt server
```
### Basic operation flow
1. Click “New” button in the list view to open the edit view to make a new interaction.
2. In the action edit area, specify an event and target element(s) as the trigger of interaction.
3. In the reaction edit area, specify a command and its parameters. You can make multiple reactions for one action.
4. Click “Done” button to save the interaction you created. IxEdit Dialog switches back to the list view.