Tuesday, July 14FreeJQuery

SVG Tutorial

jQuery SVG Animated PopUp
Animation, Plugins, popup windows, SVG Tutorial

jQuery SVG Animated PopUp

There is a solution – the jQuery-the svg-popup . Quick – the formation of the particles based on the basis of SVG. Easy – just plug weight 5kb. Easy to use – it has documentation in Russian. Eto decision to diversify the design of your site, and give the uniqueness and style!Read More | Demo | Download  
AlphaTab : Music notation & Guitar Tablature rendering Library
Core Java Script, HTML5, SVG Tutorial, Video & Audio

AlphaTab : Music notation & Guitar Tablature rendering Library

AlphaTab is a cross platform music notation and guitar tablature rendering library.Features:load GuitarPro 3-5, GuitarPro 6, AlphaTex or MusicXML (experimental) render as SVG, HTML5 canvas, GDI+,… adapt to your responsive design by dynamic resizing play the music sheet via HTML5 Web Audio API and Flash  Read More | Demo | Download  
Anime.js : JavaScript Animation Engine (New)
Animation, Core Java Script, SVG Tutorial

Anime.js : JavaScript Animation Engine (New)

Anime.js is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects.Features:Key frames: Chain multiple animation properties. Timeline: Synchronize multiple instances together. Playback controls: Play, pause, restart, seek animations or timelines. CSS transforms: Animate CSS transforms individually. Function based values: Multiple animated targets can have individual value. SVG Animations: Motion path, line drawing and morphing animations. Easing functions: Use teh built in functions or create your own Cubic Bézier curve easing.Read More | Demo | Download -----------------------
js2flowchart.js : Beautiful SVG Flowchart Library (New)
Chart & Graph, Core Java Script, SVG Tutorial

js2flowchart.js : Beautiful SVG Flowchart Library (New)

js2flowchart – a visualization library to convert any JavaScript code into beautiful SVG flowchart. Imagine a library which takes any JS code and generate SVG flowchart from it, works on client and server. Allows you easily adjust styles scheme for your context or demonstrate your code logic from different abstractions levels. Highlighting, destructing whole blocks, custom modifiers for your needs etc.   What does Fs2flowchart do?defined abstractions levels to render only import/exports, classes/function names, function dependencies to learn/explain the code step by step. custom abstractions levels support create your own one presentation generator to generate list of SVGs in order to different abstractions levels defined flow tree modifier...
SVG 3D Builder Latest
Core Java Script, SVG Tutorial

SVG 3D Builder Latest

SVG 3D Builder framework aims at creating 3d models with SVG and to provide a concise & short API. It is purely developed with concepts of two-dimensions. One of its essential implementations is Bezier in both curve and surface. It is one thing to describe them with mathematic equations, but another thing to illustrate them with computer graphics. very easy to use works smartly.  Read More | Demo | Download -----------------------
Lengthy : MicroLibrary for SVG Shape Length in a CSS Var
Animation, Core Java Script, SVG Tutorial

Lengthy : MicroLibrary for SVG Shape Length in a CSS Var

Lengthy is a JavaScript microlibrary (1.2kb min, 0.7kb gzipped) to get teh length of SVG shapes. Teh length will automatically be added to teh element as a CSS Var to make it easy to do CSS animations of SVG stroke-dashoffset for teh wonderful line drawing SVG technique and other interesting animations. Usage: Simply call Lengthy on a specific element, list of elements or a selector. Teh affected elements will receive a CSS var in their style and teh lengthy class added. Read More | Demo | Download -----------------------
Converts SVG images into Inline SVG Code – iSVG
SVG Tutorial

Converts SVG images into Inline SVG Code – iSVG

Transforms short svg html notations into inline svg, which can be styled via css. jQuery based. Configurable. Easy api, Accessible, Easy to add also contains Fallback possibility. Callback with detailed event object. General parameter settings: optimize, inheritClass, inheritId, fallbackFormat. Insertion methods: replace, before, after.Read More | Demo | Download -----------------------
JavaScript Diagramming Library – JointJS
Chart & Graph, Core Java Script, HTML5, SVG Tutorial

JavaScript Diagramming Library – JointJS

JointJS is a JavaScript diagramming library. It can be access to create either static diagrams or, and more importantly, fully interactive diagramming tools and application builders Rapid is a diagramming framework for advanced applications, delivering the best of HTML 5 + SVG and providing you with the right tools to build outstanding products. You can add customization in links, and it's also help to connect diagrams in the links. Many features are enabled like touch support, Plugin awareness, MVC architecture & have interactive elements and links.Read More | Download