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)
Web App Mistakes: Condemned to repeat
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 …
Science Fiction: A Supercut
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) →
Cheetahs on the Edge
Cheetahs are the fastest runners on the planet. Combining the resources of National Geographic and the Cincinnati Zoo, and drawing on the skills of an incredible crew, we documented these amazing cats in a way that’s never been done before. Using a Phantom camera filming at 1200 frames per second while zooming beside a sprinting …
Anamorphic Illusions
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 …