MixItUp2, animated filtering and sorting

JS/jQuery

MixItUp is a jQuery plugin providing animated filtering and sorting. Great for managing any categorised or ordered content like portfolios, galleries and blogs, MixItUp can also function as a powerful tool for engaging application UI and data-visualisation. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts. MixItUp works with your layout. Want…

Font-To-Width, fit pieces of text snugly within their containers

JS/jQuery

Font‑To‑Width (FTW!) is a small Javascript routine by Nick Sherman and Chris Lewis that takes advantage of large type families to fit text to the width of an element using multiple font families of different widths. Unlike other text-fitting tools like FitText.js, Font‑To‑Width does not scale the font-size (at least not by default). Instead, it chooses…

Dug.js, a JSONP to HTML Script

JS/jQuery

So you want to display your Dribbble shots, recent pins on Pinterest, 500px or Instagram photos, Github commits, or recently listened to music on your blog or site? Then this chunk of javascript from Rogie is for you. It was designed to be a lightweight, simple, library-independent script to pull in feeds of content available…

Wookmark jQuery plugin, a dynamic column grid

JS/jQuery

Wookmark is a very easy-to-use Masonry-ish kinda jQuery plugin to make beautiful and responsive dynamic column grids. How to use it Download the Javascript plugin file from the Github repository Include the file in your website (after your include of jQuery) <script type=”text/javascript” src=”jquery.wookmark.js”></script> Run it on your content <script type=”text/javascript”>$(‘#myContent li’).wookmark();</script> You can adjust…

Snap.svg, JavaScript SVG library for the modern web

JS/jQuery

SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest…

Wow[.JS], Reveal Animations When You Scroll

JS/jQuery

Reveal CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library. Advantages: Smaller than other javascript parallax plugins Super simple to install, and works with animate.css, so if you already use it, that will be…