The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

Images

Images Category

Non-rectangular JPEG Clipping – polyClip.js

polyClip.js is a jQuery plugin for clipping JPEG images in a non-rectangular way.

polyclip Non rectangular JPEG Clipping   polyClip.js

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.

Website Screenshot Application – Screenshot App

Screenshot App is a PhantomJS-powered screenshot making ExpressJS application/service.

screenshotapp Website Screenshot Application   Screenshot App

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).

An Editable Button Set – 14 High Quality Buttons

The folks at InstantShift have published an awesome set of 14 high quality editable buttons.

editablebuttons An Editable Button Set   14 High Quality ButtonsThe 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.

 

jQuery Plugin for Packing Images and Media – stalactite

Stalactite is a jQuery plugin for lazily packing contents of an element.

stalactite jQuery Plugin for Packing Images and Media   stalactite
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.

High-end Visual FX With CSS3 – AliceJS

AliceJS is a micro library, written in Javascript, and that’s packed smooth high-end animations.

alicejs High end Visual FX With CSS3   AliceJSAliceJS 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.

Responsive Image Manipulation – Hoverizr

Hoverizr is a small (2.5kb minified) jQuery plugin that outputs manipulated images on top of targeted images.

hoverizr Responsive Image Manipulation   HoverizrThe 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.