See the Pen SVG Heat Shimmer by Bramus! (@bramus) on CodePen. Using JavaScript the seed attribute of the turbulence filter gets randomised at a given interval. Along with the scale transform, the heat shimmer effect is achieved. SVG Heat Shimmer →
Tag Archives: link
Flow – A static type checker for JavaScript
Flow is a static type checker for JavaScript. With it, you can add types to any existing JS code. Without flow: function foo(x, y) { return x.length * y; } With flow: // @flow function foo(x: string, y: number): number { return x.length * y; } When passing in a Number for the value of …
Continue reading “Flow – A static type checker for JavaScript”
Bootstrapping a React project
Keystroke Recognition Using WiFi Signals
We’re all doomed: In this paper, we propose a WiFi signal based keystroke recognition system called WiKey. WiKey consists of two Commercial Off-The-Shelf (COTS) WiFi devices, a sender (such as a router) and a receiver (such as a laptop). The sender continuously emits signals and the receiver continuously receives signals. When a human subject types …
Feature Detection in CSS (CSS @supports)
There’s a good introduction to @supports on Mozilla Hacks: With @supports, you can write a small test in your CSS to see whether or not a particular “feature” (CSS property or value) is supported, and apply a block of code (or not) based on the answer. Progressive enhancement in it’s finest form: /* fallback code …
Pure CSS Twitter Heart Animation
Ana Tudor has recreated the Twitter Heart Animation in pure CSS: See the Pen no sprite, no JS heart animation – click it! by Ana Tudor (@thebabydino) on CodePen. Easy to follow step-by-step instructions in the original post. The most surprising part – to me – is that the particles are rendered using box-shadow. Recreating …
Mapping NYC Transit. All of it.
Anthony Denaro: Looking at The Subway Map the thought hit me: If I can transfer to the bus for free, why isn’t there a map that shows where to connect with buses? Why does the system map only show subways? […] The whole system of buses and subways could fit on one map. It could …
Death to Complexity: Advanced Search at Spokeo
Considering the nature of people search, filtering by parameters other than first and last name is crucial. ‘John Smith’ doesn’t really help you find who you’re looking for, but a 36 year old John Smith in Pasadena, CA, related to a Susan is damn specific, and will inform you quickly if we have the data …
Continue reading “Death to Complexity: Advanced Search at Spokeo”
WebViewBridge.Swift
Like JockeyJS, written in Swift, and with support for WKWebView: A bridge for WebView(UIWebView, WKWebView), using JavaScriptCore, handles communications between native(Swift) and js. Example usage (call native function from JS): // XCode override func viewDidLoad() { // … let webView = WKWebView() let bridge = ZHWebViewBridge.bridge(webview) bridge.registerHandler(“Video.Play”) { (args:[AnyObject]) -> (Bool, [AnyObject]?) in self.player.play() return …
bezier-easing – cubic-bezier implementation for your JavaScript animation easings
bezier-easing provides Cubic Bezier Curve easing which generalizes easing functions (ease-in, ease-out, ease-in-out, …any other custom curve) exactly like in CSS Transitions. Pass in the 4 points of the bezier curve of your liking – just like you’d use when defining a CSS Transition Timing Function using cubic-bezier() – and then project x, ranging from …
Continue reading “bezier-easing – cubic-bezier implementation for your JavaScript animation easings”