A rather geeky/technical weblog, est. 2001, by Bramus
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”
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 …
@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 …
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 …
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 …
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”
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 …
Today Wes Bos tweeted a few fun things one can do with JavaScript and Emoji: It’s possible to spread emoji sequences into their single parts: […’👨👩👧👦’] // [“👨”, “”, “👩”, “”, “👧”, “”, “👦”] Combining Emoji is also possible: [“👨”, “”, “👩”, “”, “👧”].reduce((prev, curr) => prev + curr) // “👨👩👧” And oh, you can …
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”