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) →
Tag Archives: javascript
Retina.js
Web Animations Preview
A brief introduction to some of the concepts in the Web Animations specification — an attempt to overcome some of the limitations with both CSS and SVG animations and unify them at the same time — currently being defined by Mozilla, Google, and Adobe under the W3C Web Animations 1.0 (Editor’s Draft) →
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. …
Gamma Gallery: A Responsive Image Gallery
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account. Both the grid and lightbox are responsive. Gamma Gallery: A Responsive Image Gallery Experiment → Gamma Gallery Demo →
A Few New Things Coming To JavaScript (ES6)
ECMAScript 6 contains a few new features. Addy Osmani gives a nice overview of things that are about to come: Modules (which can replace the revealing module pattern we’re familiar with) and Module Loader Classes (which merely is some syntactic sugar) Object.observe() Default Parameter Values (again syntactic sugar as we already know how to work …
Continue reading “A Few New Things Coming To JavaScript (ES6)”
Logging client-side errors
function logError(details) { $.ajax({ type: ‘POST’, url: ‘http://mydomain.com/api/1/errors’, data: JSON.stringify({context: navigator.userAgent, details: details}), contentType: ‘application/json; charset=utf-8’ }); } window.onerror = function(message, file, line) { logError(file + ‘:’ + line + ‘\n\n’ + message); }; Let’s keep this short. Too few websites log JavaScript errors. Let’s build a simple system to track client-side errors. Makes clever …
BigScreen — Using the JavaScript Full Screen API
BigScreen makes it easy to use full screen on your site or in your app. It smoothes out browser inconsistencies and bugs, especially if the element you’re working with is inside of an <iframe>. It will also intelligently fall back to the older video full screen API if the element contains a <video> and the …
Continue reading “BigScreen — Using the JavaScript Full Screen API”
Oridomi — Fold up the DOM like paper
Apple’s Samsung Apology Statement
As court-ordered, the apology message is on the apple.co.uk homepage, yet Apple’s pulling some JavaScript magic to keep it below the fold: var HeroResize=AC.Class({initialize:function(b){this._height=null;this._hero=$(b); AC.Object.synthesize(this);this.__boundResizeHero=this.resizeHero.bindAsEventListener(this); if(typeof window.ontouchstart===”undefined”){this.resizeHero();Event.observe(window,”resize”,this.__boundResizeHero) }},setHeight:function(b){this._height=(b