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 →
Tag Archives: effect
PaperFold for iOS
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
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 …
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 →
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)
Scrollorama
The jQuery plugin for doing cool scrolly stuff Really cool scrolly stuff that is. Scrollorama →