WebCamMesh is a HTML5 demo that projects webcam video onto a WebGL 3D Mesh. It creates a ‘fake’ 3D depth map by mapping pixel brightness to mesh vertex Z positions. Perlin noise is used to create the ripple effect by modifying the Z positions based on a 2D noise field. CSS3 filters are used to …
Category Archives: Elsewhere
How I Recovered My Stolen iPad
Reflector.app — Your iPhone or iPad. On your Mac or PC.
Trello – Your entire project, in a single glance
A must have tool if you’re working together with others on projects. Works like a charm: organizes your cards (along with a description, checklists, and comments) in the (customizable) todo–doing–done columns, assign people and labels to it, etc. Above that it’s free and iOS/Android apps are available too. Trello → (via Small Town Heroes when …
Continue reading “Trello – Your entire project, in a single glance”
Responsive Typography using Face Detection
Typesetting based upon your distance to your screen. Clever use of WebRTC’s getUserMedia and JavaScript Face Detection In case you don’t have a capable browser, this is what it looks like: Responsive Typography: Breakpoints Demo → Responsive Typography: Realtime Demo → (via Jeremy) Related: headtrackr →
Do responsive websites outperform their non-mobile-optimized brethren?
We took a popular ecommerce store (O’Neill Clothing) that we’d recently redesigned and monitored conversions, transactions and revenue for three weeks. Then we quietly deployed the responsive conditions to the already live site and monitored for another three weeks. In case you ever need present some numbers to one of your colleagues in order to …
Continue reading “Do responsive websites outperform their non-mobile-optimized brethren?”
Find Your Way to Oz
“Find Your Way to Oz” is a new Google Chrome Experiment brought to the web by Disney. It allows you to take an interactive journey through a Kansas circus, which leads you to the land of Oz after you are swept up by a massive storm. Find Your Way to Oz → “Find Your Way …
When CCIEs get bored
node-orm2 — Node.js Object Relational Mapping
ORM Package for Node.js. Works with MySQL, PostgreSQL and SQLite. var orm = require(‘orm’); orm.connect("mysql://username:password@host/database", function (err, db) { if (err) throw err; var Person = db.define(‘person’, { name : String, surname : String, age : Number, male : Boolean, continent : [ ‘Europe’, ‘America’, ‘Asia’, ‘Africa’, ‘Australia’, ‘Antartica’ ], // ENUM type photo : …
Continue reading “node-orm2 — Node.js Object Relational Mapping”