polyClip.js is a jQuery plugin for clipping JPEG images in a non-rectangular way.
The script cuts points with a supplied x,y value (there have to be at least three, naturally), and is pretty easy to use with some refreshing. However, for a more precise rendering, using an image map tool such as this one is strongly recommended.
The library weighs 2kb, plus an additional 11kb for IE7,8 which require the excanvas library for proper functioning.
Screenshot App is a PhantomJS-powered screenshot making ExpressJS application/service.
The application is neatly structured, and provides a simple API for fetching website screenshots with PhantomJS. Once the app is set up, it starts an Express server on port 3000.
Screenshot App is still being developed, so expect additional features in the future (infinite scroll page screen-shotting seems particularly interesting).
The folks at InstantShift have published an awesome set of 14 high quality editable buttons.
The buttons come in .PSD and thus are editable.
You can edit the buttons as you please (but don’t resell them). Some of these, although a bit archaic, have style that’s really worth something.
They’re a must have for any app developer/publisher, and as well as everyone else who has need for “conversion” buttons.
Stalactite is a jQuery plugin for lazily packing contents of an element.
Stalactite offers a rather curious way of displaying elements: rather than caching and making them appear at once, the plugin makes the user aware of the browser’s decisions.
The sorting is done manually — i.e., by you.
Stalactite is perfect for artsy portfolios and general photography/media goodness.
AliceJS is a micro library, written in Javascript, and that’s packed smooth high-end animations.
AliceJS is interesting because it can randomize some parameters for you to achieve animation ‘freshness’ each time you use them.
Animations such as bounce, toss, wobble and spring are available, as well as other ones.
However, the animations do feel somewhat hardware-intensive, so they obviously require a limit for a single page.
Hoverizr is a small (2.5kb minified) jQuery plugin that outputs manipulated images on top of targeted images.
The plugin is responsive, meaning that even if you resize the browser (or use mobile), the images will be resized automatically for newer browsers.
Hoverizr features quite a few image manipulation effects, such as grayscale, invert, and blur.
Besides the obvious “before and after” use of this plugin, it’s also awesome for games or simply design effects.
28 January, 2012
By Lauris Veips
