.
LivIcons Evolution as jQuery plugin
LivIcons Evolution is the next modern generation of a classic LivIcons pack of a cross browser vector icons with individual mini animation for each one. They are based on SVG (Scalable Vector Graphic), powered by JavaScript, work in all modern browsers and look perfect at any devices. Yes, Retina too.
Features:
- Based on GSAP (GreenSock Animation Platform)
- Completely redeveloped from scratch
- Each icon comes with five (5) styles
- Very flexible settings
- More than 300 icons
- Hover,click and autoPlay events
- Any color, any size
- Animated and static
- Retina perfect
Animated Transition Effects with CSS & jQuery
A library of animated transition effects, powered by CSS Animations.A few weeks ago we published a tutorial about how to create an Ink Transition effect using a PNG sprite and the steps() CSS timing function. That resource has since become one of the most popular here on CodyHouse, therefore we decided to team up with talented motion designer Gabriele Mellera to create a small library of transition effects!
sameHeight : jQuery plugin for making elements the Same Height
A jQuery plugin for better vertical alignment of elements in responsive layouts. By default plugin looks at children of the container it’s applied to and if they are visually in the same row, it makes them all as tall as the tallest element in that row. If option “oneHeightForAll” is set to true plugin doesn’t look at rows and makes all children the same height regardless of whether they are in the same row or not. By default height is adjusted using css property “min-height”, but this can be changed to “height” by setting option “useCSSHeight” to true. This plugin also solves common problem of floated cells getting stuck after one another due to height differences.
Tether : JavaScript library to make Absolutely Positioned Element
Tether is a JavaScript library for efficiently making an absolutely positioned element stay next to another element on the page. For example, you might want a tooltip or dialog to open, and remain, next to the relevant item on the page.
Tether includes the ability to constrain the element within the viewport, its scroll parent, any other element on the page, or a fixed bounding box. When it exceeds those constraints it can be pinned to the edge, flip to the other side of its target, or hide itself.
SamsaraJS : Layout Animation library
SamsaraJS is a functional reactive library for animating layout. It provides a language for positioning, orienting and sizing DOM elements and animating these properties over time. Everything in SamsaraJS — from the user input to the rendering pipeline — is a stream. Building a user interface becomes the art of composing streams.