Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
04 Sep

IxEdit – Javascript Interaction Design Tool for the Web

  • GPL License, Tools
  • Leave a Comment

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.

To implement interactions on a web page, programming with JavaScript is needed. However, it is hard to manage JavaScript for many designers. Therefore, making well-designed web interactions is difficult in general. IxEdit solves this problem. If you have basic knowledge about HTML and CSS, you can create interactions as you like. JavaScript coding is no longer needed.

Requirements: -
Demo: http://www.ixedit.com/
License: GPL License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Reusable Imageless Google Custom Buttons

Reusable Imageless Google Custom Buttons

How to Make an Expanding Code Box with jQuery

How to Make an Expanding Code Box with jQuery

Framer: Modern Prototyping Tool for Desktop & Mobile

Framer: Modern Prototyping Tool for Desktop & Mobile

JavaScript Asynchronous for Windows Store Apps

JavaScript Asynchronous for Windows Store Apps

An SEO Guide for Designers

An SEO Guide for Designers

The Spry Framework for Ajax from Adobe Labs

The Spry Framework for Ajax from Adobe Labs

Comments
  • sander

    This does not only do cool stuff, it also looks stunning, and seems to work very fast and good.

    i do wonder how this works…
    its a piece of javascript, that does the transformations, but where/when is it saved ? where does it store its handles that you just created.

    Sander

  • Stefan

    This tool is amazing. I’m going to give it a try.

    stefan

  • Jake

    Amazing piece of code!

    @sander: it stores stuff in the local database (if you’re on Safari or Chrome you’re good to go – if FF or IE, you need to install Gears).

    Seems to me like you can store multiple actions in projects and you can have multiple projects. When done, you can deploy your actions and ixEdit gives you real Javascript. All you need to do is copy-paste it! Thanks for this great tip, Webappers!

  • Shaun

    It’s faster for me to just type out what I want, so I normally don’t use tools like these.

    This is a very very cool tool though. Wish I had it when I was learning jQuery.

  • Plainview

    Just took a quick look at it – I’m a lot faster by just coding my interactions.

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • Super Smooth CSS Transitions for jQuery
  • How to Use Web Workers for Image Manipulation
  • Free Responsive HTML5 + CSS3 Site Templates
  • How to Make FullScreen Page Transitions with CSS
  • Ghost: A Revolutionary Open Source Blogging Platform
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools294
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free740
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN