This is the inspiring story of Hafid from Dubai, the douchebag who stole my phone. He forgot to switch off the camera upload function, that’s why we will enjoy a deep insight into his life. lifeofastrangerwhostolemyphone.tumblr.com →
Tag Archives: link
LeapJS – JavaScript client(s) for the Leap Motion Controller
My Leap Motion Controller arrived last week. It’s quite fun to play around with, yet not recommended for every day use (this review by The Verge sums it all up quite nicely). Above that the daemon eats away CPU cycles as if it were candy 🙁 One very cool aspect about the Leap Motion though …
Continue reading “LeapJS – JavaScript client(s) for the Leap Motion Controller”
WebZap – Web Dev Photoshop Plugin
WebZap is a web developer panel extension for Adobe Photoshop that is designed to help streamline the design processes undertaken by website user interface designers during the mock up and wire framing phases of web site development. Whilst I like this from a technical point of view (straight in Photoshop, huh?!) I think you’re better …
Why mobile web apps are slow
It may prove to be a very stupid idea, but this article is my attempt to talk reasonably about a topic that has so far spawned 100% unreasonable flamewar-filled bikeshed discussions. A lengthy, yet highly informative, and very in-depth article on why exactly JS-heavy web apps run slow on mobiles. Goes into depth on garbage …
Kit FUI
Fantasy User Interfaces, Fictional User Interfaces, Fake User Interfaces, Futuristic User Interfaces. Regardless of what the F stands for, they all represent the same thing, the user interfaces and heads up displays found in many popular movies and television shows. Kit FUI is an IMDb-like database that makes it easy to find screenshots, videos and …
console.snapshot
Output snapshots and screenshots of canvas elements directly in the console of the Chrome Dev Tools var canvas = document.createElement(“canvas”), ctx = canvas.getContext(“2d”); // … //draw // … console.screenshot(canvas, 0.8); //Snapshot it and scale the output to 80% of the original size Resulting output is the image picture above. Also supports creating a snapshot which …
Sizing (Web) components by adding a Trojan horse into your CSS
So when it comes to changing the size of a component [of a framework], for example making a Slider bigger for touch input, it might get tedious fiddling with all the widths/heights, border-radi.. etc. So how can we make it easier? Well, by sneaking a Trojan horse into your components and use it to control …
Continue reading “Sizing (Web) components by adding a Trojan horse into your CSS”
Color Emoji in Windows 8.1 —The Future of Color Fonts?
With Windows 8.1, Microsoft’s operating system now also supports color emoji. But they did it in a very different way than Apple and Google. Instead of using PNG images, they introduced a support for layered vector glyphs! Reminds of that neat trick where one would layer webfonts/icofonts on top of eachother, all in a different …
Continue reading “Color Emoji in Windows 8.1 —The Future of Color Fonts?”
Anagramatron
X-Tag: Web Components’ Custom Elements Polyfill
X-Tag is a powerful sugar library primarily focused on wrapping and enhancing one of the draft-state Web Component specs: Custom Elements With Custom Elements, you could for example just write up <x-map data-key="6c86bb5b30a442c180772d978f3ae000"></x-map> in your HTML and have it rendered as a full blown map. Speed Up App Development with X-Tag and Web Components →X-Tag …
Continue reading “X-Tag: Web Components’ Custom Elements Polyfill”