Profile cover photo
Profile photo
Visual HTML5 Animation Software (widgets, banners, buttons, menus, layouts)
Visual HTML5 Animation Software (widgets, banners, buttons, menus, layouts)

Communities and Collections

Post has attachment
New Interactive Animator Version 3 Released! -
* This major update includes numerous visual interface improvements and new animation code features.

* A new top menu gives quick access to many software features which were previously only accessible in the button bars.

* The left style panel has been redesigned with crisper colors, a new tree with added control features, and a redesigned CSS / inline style selection space.

* Most of the buttons in the bars have been consolodated with wrench icons and a drop down for the create tools.

* Several bugs were fixed and many visual interface features were refined.

* A new 'spawn' feature was added to the timeline which allows elements to be automatically cloned and animated on an interval.  Create trailing effects, snow fall, etc...

* New child element targeting features are easier to implement and run faster than using CSS rules.

* CSS3 transition animation control by the browser is now optional. Click the lightning bolt icon associated with style animations in the timeline to activate.

* The new animation features were offset by efficiency refinements which reduces the overall published code size to only 15K when Gzipped.
Add a comment...

New Version 2.0.8 Released

This is a cumulative update notice from version 2.0 to 2.0.8...

*Auto threaded timelines were added which allow complex interactive animations such as hierarchical drop down menus to hide and show properly without custom scripting.

*Sub menu modifiers are now easier to apply by simply specifying any child element as a sub menu (use the modifier button for the selected element type in the design spaces lower right button group.)

*New add sub and remove sub options for sub menus were added. The buttons are accessible from both the widget designer and editor interfaces.

*Many of the lower left design space buttons and timeline buttons were consolidated into a single options button (wrench icon). The new option buttons reveal a more simplified and easier to understand listing of available settings.

*The design space is now interactive! Mouse over, down, and click timelines are triggered by clicking elements while in design mode.

*Stages can now play in design mode as they do in preview. Additional 'reset' and 'pause all timeline' buttons were added to help control design mode play.

*Dozens of other editing and design improvements, plus numerous bug fixes are also included.
Add a comment...

Post has attachment
New Version 2.0 Released

*This major update adds a new stand-alone or integrated editor. Within the full interface the editor is a quick way to see and edit all the styles applied to a widget or animation. As a stand-alone tool the editor is accessible from the NodeFire home page and allows for the quick customization and publishing of template widgets.

Initially there are 5 template widgets on the home page, watch for many more to be released in the coming months. Template widgets are FREE to use.

*Images can now be added with drag and drop or through a file open dialog in both the design and editor interfaces.

*The update also includes numerous tweaks and fixes to the full design interface.
Add a comment...

New Version 1.2.5 Released

* This update includes a host of bug fixes and refinements.  The improvements are mostly centered around how complex interactivity is achieved with custom scripted key frames.

* Three new interactive templates were added. Two of the templates are slideshow based and the third is a link based hover slide effect.  Each new template is fully scalable and can be easily modified with new items, content, and styles. (Note: To see updated templates you must reset the interface... 'main control menu' --> 'reset interface'.  Use the Google Drive Cloud  to avoid losing local storage saves. A future update is in the works that will automatically update templates without having to do an interface reset.)

* The help dialogs can now be minimized. The new minimize option is a button directly to left of the dialogs close button.

* Several new API functions were added to the script dialogs left tree reference section.

* A new target element API reference was added. The target element identifies the stage element which triggered a timeline vs. the timelines event element which is simply the owner.
Add a comment...

New Version 1.2.4 Released

* New visual grid layout element editing features were added.  Drag size rows and columns.  Add and remove tracks, plus more!

* Element Highlighting was improved which helps with drag and drop nesting and other interactions.

* Copy and paste capabilities with specific element types were improved.
Add a comment...

Post has attachment

New Version 1.2.3 Released

* Default values can now only be applied through the left tree. If the style has a key on the timeline the play head must be before the first key for the value to be applied as a default. The new rules reduce confusion regarding how and where different value types are applied.

* Styles applied using the popup inputs in the left timeline tree are always applied as keys vs. the possbility of a default.

* The various popup inputs now only include apply buttons related to the new rules outlied above.

* The line-height style now accepts a setting of 'normal' and includes additional '%' and 'em' unit options.

* Additional context menu options were added when right clicking stage elements and element references in the trees.

* The underlying method driving how default vs. timeline key specific values are applied was overhauled. This has been somewhat of a sticking point in the software and is finally corrected and vastly more intuitive.

* Several bugs were fixed including a possible common issue related to color change animation keys with a 'transparent' setting involved.
Add a comment...

New Version 1.2.1 Released

* New events capable of targeting child elements, specific descendant element types, or descendant element modifiers were added. The options are within a new drop down on the last tab in the event tab options.

* New descendant events allow a single timeline to be triggered by multiple elements.  Combine descendant targeted events with CSS rules to deliver styles and animations from one timeline to similar elements upon hover, active, mouse hold, etc...

* New delay timers for mouse over and out can be customized for any element.  The delay settings are inherited. Setting a parent element or the stages delay timers will apply to all children without delay timers defined.

* The new delay timers work with any combination of nested element and element types such as  delay buttons, hovers, drop down menus, and more.  Gain precise control of all user interactions, no matter how complex or deeply nested the stage elements are.

* A new options dialog is accessible by clicking the gear icon on the top button bar.  Set element id's and delays, apply settings to all selected stage elements.

* The default global CSS rules in the apply box (above the left styles tree) have been redefined to be more user friendly.  Some existing specificity issues with the rules were also fixed.

* Context menus were added to element references in the trees.  System menus were also improved with new delay timers.

* A new button modifier option was added.  The option is part of the light blue icon set for the selected element type (lower right of design area).  Turn any element into a button, buttons can be specifically targeted with default CSS rules and child event action targeting.  The elements hold styles are only applied to buttons while the mouse button is held and the mouse is inside the button element.

* New classes which can be accessed in the default or custom CSS rules target top hover, delayed hover, delayed hover lineage, and mouse hold.
Add a comment...

New Version 1.2.0 Released

* Untransformed selection boxes now appear on selected elements with transformation styles applied.  This aids in identifying the untransformed selected element which is especially useful when transforms hide the element. These new select boxes also work with opacity settings.

* Event interactions have been vastly improved with new code and feature.  There are new event tab options above the timeline for targeting child elements.

* New hover and hover lineage classes allow script and custom rules to better identify hover elements.  The new standard 'nfHover' class is applied to the element currently under the mouse.  Hover lineage 'nfHoverLineage' is added to the current hover and all the hovers parents.

* Several bugs were fixed related to default CSS rule values and rule value removal.
Add a comment...

New Version 1.1.9 Released

* Element innerHTML and style.content can be added to the timeline and animated for any element or CSS rule.

* Create custom :before or :after CSS rules, define content and styles for the content, then animate on the timeline.

* Add any innerHTML to stage elements and switch content with keys on the timeline.

* Dragging or resizing multiple selected stage elements which are ancestors or descendants of each other behaves more intelligently now.

* Custom onKey JavaScript now fires the first time a frame belonging to the key is rendered vs. the actual keys starting frame rendering.
Add a comment...
Wait while more posts are being loaded