Glimmer - jQuery effects for your site in a few minutes

Today I will tell you about a wonderful WPF application that will greatly simplify the creation of popular jQuery effects!

This tool for designers and developers is called Glimmer. It is available to all from the page on Codeplex .
Want to remake the application to fit your needs? No problem - on the same page you can download the source code Glimmer !
There is nothing unusual about installing an application. The only thing - the application requires .NET 3.5 SP1 , which is automatically installed if you do not have it.

After launching the application, we can immediately start creating effects for our sites. There is also a link to the documentation, which can be read before starting work.

For the application there are several good examples that can be downloaded and viewed in action. Mix Online Glimmer Lab Page - a page that uses scripts generated by Glimmer everywhere!
Let's now see how easy it is to create beautiful effects for sites using Glimmer !
For example, I created a website in Microsoft Expression Web using one of the many templates available. In the content section, I added two simple buttons that now do nothing:

Go to Glimmer and through File-> Open HTML (or Ctrl + O) open our website:

We see the Preview screen and two buttons - “Add new action” and “Save”.
Add effects to our page. When you click on the Hide button, the navigation menu will become completely transparent. And when you click on the Show button, it will again become visible.
Click on the “Add New Action” button and fill in the fields:

• Action Name - the name of the action
  Action Type - the event at which the action will occur
  Trigger - the element that triggers the action. You can click the Select button and select the desired item by clicking on it in the Preview window.
  Target - the element on which we act
  Add Effects - select the desired effect.
  In my case, for the Hide button, the settings look like this:
  
  And for the Show button:
  
  Now click on the Save button and save the js file to our site directory.
  What happened, we can view directly in the Preview window:
  
  And we can choose from the list of Preview in Browser browser, in which we want to view the effect:
  
  For the minimum number of actions we have created a rather nice effect. But I showed only the simplest effect. In Glimmer, you can create drop-down menus, image galleries, mix different effects and much more! Try it ! :)