link – Page 233

Play Dune 2 in your browser

OPENDune‘s C Source compiled transpiled to JavaScript using EMScripten. Play Dune 2 → (via CreativeJS)

Fun with face detection, canvas and webcam video

With the getUserMedia API, a video element, a canvas element and LiuLiu’s excellent face detection algorithm, we can easily play around with webcam video data in the browser, plug-in free. Mask overlay experiment: Scaling content experiment: Cool! Fun with face detection, canvas and webcam video → Related: getUserMedia Moustache (via Webappers.com)

Read Post →

jQuery.faceDetection()

A jQuery plugin which detects faces in pictures and returns theirs coords. This plugin uses an algorithm by Liu Liu. A jQuery plugin wrapper around an already existing (and standalone) algorithm Face Detection jQuery Plugin Demo → Face Detection jQuery Plugin Source (GitHub) →

Read Post →

Tincr — Edit and save files from Chrome Developer tools + Live reload for Chrome

Tincr is a tool that arose from my own frustration with switching back and forth between Chrome Developer Tools (or devtools for short) to do debugging and my text editor to do coding. The idea behind Tincr is that you can save changes to your original source file from within Chrome Developer Tools. In addition, …

Continue reading “Tincr — Edit and save files from Chrome Developer tools + Live reload for Chrome”

Read Post →

TinyPNG — Compress PNG images while preserving transparency

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size! Works so well (shaves more than 50% …

Continue reading “TinyPNG — Compress PNG images while preserving transparency”

Read Post →

Retina.js

retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays What the script does is loop all images and do a HEAD request to the guessed @2X version in order to see if it exists. On success the retina version will be loaded in. Of course …

Continue reading “Retina.js”

Read Post →

Design principles worth noting

Start with needs Do less Design with data Do the hard work to make it simple Iterate. Then iterate again. Build for inclusion Understand context Build digital services, not websites Be consistent, not uniform Make things open: it makes things better From Design Principles for GOV.UK → (via John)

Read Post →

Web App Mistakes: Condemned to repeat

Read it. And then read it again — Sums up quite a few of the mistakes that were (and still are being) made when it comes to develing web apps. A well known example is the use of Hashbang URLs, which you really shouldn’t Web App Mistakes: Condemned to repeat → (via Jeremy)

Read Post →

CSS Filterlab

While we have to wait for CSS Custom Filters to hit mainstream browsers, you can use CSS Filter Lab to play with built-in CSS filters already available in most WebKit browsers today, including Chrome, Safari, and even Mobile Safari on iOS6. With CSS Filters you can create stunning effects. filter: sepia(0.8) saturate(3) brightness(0.25) contrast(2); for …

Continue reading “CSS Filterlab”

Read Post →

JAL – Just Another Loader for JavaScript

$loader .load(‘js/jquery.min.js’) .done(function(){ // Stop jQuery from triggering the “ready” event $.holdReady(true) }) .load([ ‘js/script-one.min.js’ , ‘js/script-two.min.js’ ]) .ready(function() { // Allow jQuery to trigger the “ready” event $.holdReady(false) // Start app }); We tested YepNope, which is a great loader, but felt it could be faster. It also had features we didn’t really need. …

Continue reading “JAL – Just Another Loader for JavaScript”

Read Post →