effect – Page 4

tiltShift.js

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6. tiltShift.js →

Read Post →

PaperFold is a simple iOS control that allows hiding of views on the left and right side of the screen by dragging the middle view. The left view supports only 1 fold. The right view supports variable number of folds. PaperFold for iOS → Related: the aforementioned Paperfold CSS

Read Post →

GPU Accelerated CSS Filters in Chromium

img { -webkit-filter: sepia(100%) contrast(200%) blur(5px); } The current set of supported filters in Chromium include many that are familiar to web developers with image processing experience, such as sepia, saturation, opacity, and blurs. GPU acceleration of these filters brings their performance to the point where they can be used for animating elements in conjunction …

Continue reading “GPU Accelerated CSS Filters in Chromium”

Read Post →

Paperfold CSS

I’m currently working ‘buddycloud’, a federated social network. This is a proposal for a visual folding-effect for hidden comments. The plugin takes a dom element, slices it into parts and arranges them like a folded paper in 3d space. Paperfold CSS — Fold divs like paper →

Read Post →

Photo Booth in your browser

Use Canary Chrome (and enable MediaStream in about:flags) to actually use your webcam instead of the provided recording. Works surprisingly fast. HTML5 Webcam Toy — Photo effects using WebGL and getUserMedia → (via badassjs)

Read Post →

Scrollorama

The jQuery plugin for doing cool scrolly stuff Really cool scrolly stuff that is. Scrollorama →

Read Post →