Clippy – CSS clip-path Maker

Handy tool to creating shapes to use with the clip-path CSS property. Comes with some easy to use predefined shapes. The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. See the previously linked CSS Shapes, …

SlingStudio – Portable, Wireless Live Video Production

Color me impressed: SlingStudio is the integrated solution for creating and sharing professional-quality content. Connect all of your video sources – including professional cameras and smartphones – to SlingStudio’s video-grade Wi-Fi network for synchronizing and broadcasting live video. SlingStudio’s portability and robust wireless technology allow you to monitor, record, switch, edit and live-broadcast your multi-camera …

Connect multiple mobile screens together with Swip.js

What if all your mobile devices were a single screen? This probably isn’t the most common question to ask yourself. But, just for a second, actually think about it. Think about all the possibilities of being able to combine any kind of mobile device, independent of its operating system. That’s what Swip.js does. Place two …

Opera 46 and Chrome 59 now support APNG (Animated PNG)

This part of the Opera 46 release notes got me very excited: Opera now supports animated PNG, or APNG for short. APNG is a file format that works similarly to GIF. The difference is that APNG is smaller and supports both 24-bit images and 8-bit transparency. Ever since APNG landed in Firefox (10 years ago …

Smooth SVG Path Morphing with flubber

The goal of this library is to provide a best-guess interpolation for any two arbitrary shapes (or collections of shapes) that results in a reasonably smooth animation, without overthinking it. Installation per npm: npm install flubber Note that flubber only calculates the interpolated data: import { interpolate } from “flubber”; const triangle = “M1,1 L2,1 …

Woodswimmer

WoodSwimmer is a new short film by engineer and stop-motion animator Brett Foxwell. Created in collaboration with musician and animator bedtimes, the work follows a piece of raw wood through a milling machine, capturing its unique growth rings, knots, and weathered spots through a series of cross-sectional photographic scans. Due the speed at which the …