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. …

Face Detection on OS X and iOS

Recently I realized that Apple added support for face detection in OS X Lion and iOS 5. Apple’s face detection is exposed through Core Image, the super-useful image manipulation library. Two classes are important: CIDetector and CIFeature (along with its subclass, CIFaceFeature). With a little experimenting one night, I was able to get a sample …

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 …

Facial recognition tech estimates customers gender, age and how often they visit

NEC has developed a marketing service that utilizes facial recognition technology to estimates the age and gender of customers, and accumulates the data, along with the dates and times that customers visit stores. This data is then used to analyze trends in customer behavior and visit frequency. This scene from Minority Report isn’t that far …

Content Security Policy — Preventing XSS Attacks Client-side

An extra measure to preventing Cross-Site Scripting has now become a standard ready to be implemented. It’s as easy as including a Content-Security-Policy header on your sites Content-Security-Policy: script-src ‘self’; img-src ‘none’ With the (example) policy above, external scripts and images won’t be loaded on your site. This new header however doesn’t mean you’re fully …