Ingrid is a fluid and lightweight CSS layout system.
Ingrid’s main task is, as the developer puts it, “to reduce the use of classes on individual units.”
That’s not everything that Ingrid does, though, as the library also provides some features for responsive designs.
It’s rather easy to implement, and, with its hierarchical approach to CSS thinking, makes for an easy-to-use CSS mini framework.
OEmbed All is a jQuery library that allows embedding content from websites simply by providing the URL.
OEmbed All supports importing content from services like YouTube, Wikipedia, Vimeo, et al.
It is actually a fork of OEmbed, but shifts away from using just one API for importing content, and attempts to use a number of third-party services for pulling content.
Timeline is a jQuery library for creating functional timelines with ease.
Perhaps the most likable thing about Timeline is its support of Google spreadsheets as data sources, as well as JSON.
The markup is quite easy, and even if you don’t know a thing about JSON, it’s quite easy to create beautiful presentations with it.
Among other features, Timeline also allows pulling content from Twitter, YouTube, Vimeo, etc., with ease.
There are some pitfalls, as of now, the two main being a lack of iPhone and IE8 compatibility.
Foresight.js is a JavaScript library for responsively displaying images.
It detects whether or not the user’s device supports high resolution images.
Additionally, Foresight detects the user’s network connection to show the image most appropriate for the user’s bandwidth.
What’s more, the library only makes a single image request, is dependency free, and works on most browsers, including mobile ones.
Jigsoar icons is a set of 60 vector icons that are perfect for the web.
The set consists of ‘general’ icons that are suitable for many occasions.
The icons come in PNG: 16px, 24px, 48px, and 64px. They’re available as Adobe Illustrator vector files.
These icons are registered under the CC license, and require attribution, but merely as a comment in the CSS file.
Filtrify is a plugin for advanced tag filtering.
It is advanced in the way that it supports filtering tags within tags (this demo shows what I mean).
Filtrify uses the new HTML5′s “data” attribute for storing the metadata, and passes it through (neat) JavaScript for advanced tag filtering.
It then produces a search menu where all of the available tags are stored.
The library seems quite exquisite in terms of functionality, and is a must-have when building websites for social use.
31 March, 2012
By Lauris Veips
