A jQuery plugin for making smart sticky elements.Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.
Echo.js : Simple JavaScript Image lazy loading
Echo.js, simple JavaScript image lazy loading via HTML5 data-* attributes, superfast and standalone (jQuery free).Lazy-loading works by only loading the assets needed when the elements ‘would’ be in view, which it’ll get from the server for you upon request, which is automated by simply changing the image src attribute. This is also an asynchronous process which also benefits us.
Nanimator : jQuery Nano Animation Library
I got the idea for Nanimator Library while working with jQuery Transit library and CSS3 transforms a couple of days ago. I was chaining the animation of numbers of objects by writing callbacks for each of them and suddenly I got the idea that I can actually do it pretty easily by converting the whole thing as a jQuery Plugin. This is how Nanimator was born. It’s primary purpose is to animate a set of DOM elements inside a container, mainly translate, translateX, translateY, and opacity. It also reduces your code by writing almost nothing at all, except initializing the library.
Nanimator serves its purpose pretty well by queueing the DOM elements in a stack, maintaining a chain among them (which you can also break, but I will highlight that later in this article). Nanimator uses the fantastic jQuery Transit plugin under the hood to wrap everything up for you.
Narsis Cover : jQuery CSS3 Image Hover Animation Effect
Narsis cover is highly customizable CSS3 animation effects for image hover.These Animations is carefully designed with attention to the details. Your visitors will love theme.
Features:
- 50 Animation Effect
- 13 Color Schemes
- We use FontAwesome for icons so you can use more than 360 icons for your menu.
- All HTML5, CSS3 and JavaScript codes are fully validated and cleaned.
- Cross-browser compatible, IE7 included.
- Fully Customizable
Placeholder Enhanced : jQuery Placeholder plugin
This jQuery Placeholder plugin is an enhanced polyfill for the HTML5 placeholder attribute providing cross-browser support & styling.
Features:
- Cross-browser & Cross-styling
- Support for all input types, password, textarea, text, email, search, url, etc…
- Robust: it heavely behave as the HTML5 placeholder defined in the specs
- Normalize placeholder behaviour in modern browsers
- Fix jQuery.val() function to work as expected to set/get the value of inputs with placeholder
- Lightweight: 889 bytes minified & gzipped
Metro Modal with jQuery & CSS3 Animation
Metro Modal, is a jQuery plugin that creates or turn DIVs into modal popups in metro style.The modals are draggable, has controls to Maximize, Close and Restores, basic fadeIn/fadeOut animation for old browsers that has no support for css3 animations.
Features:
- There are 19 properties that you may change.
- 23 different animations.
- Responsive design
- Resize window, also resizes de modal if is needed, animation to move around to the new screen location.
- Support iFrames and custom HTML code
- Support multiple color background with animations, works with HTML color pallet.
Building a Circular Navigation with CSS Transforms & JavaScript
In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique.
Like I mentioned, there’s going to be some basic math involved, along with CSS transforms to create these styles. But don’t worry, the math is really very simple and I’ll be going through it step by step.