Neat 3D – WebGL powered – music video: one side contains the actual song/videoclip, other sides of the cube contain separate channels: vocals, bass, etc. Depending on how you rotate it, you can create your own mixdown of the song. The Presets — No Fun → Related: Over the Hills →
Category Archives: Elsewhere
Faster UI Animations With Velocity.js
PunchClock
PunchClock is an in/out tracking app for iOS 7+. It uses a combination of a geo-fence and iBeacon tracking, plus a simple Sinatra backend hosted at Heroku. See who’s in the office and who’s not … automagically. By the folks over at Panic. PunchClock Source (GitHub) →PunchClockServer Source (GitHub) →PunchClock: Fun With iBeacons →
How Brazil vs Germany played out on Twitter
Game of Thrones, Season 4 – VFX making of reel
CSS3 Grid Layout Module, an Introduction
Warning: Experimental stuff. Demos will only work in Chrome Canary (for now) The CSS3 Grid Layout Module has changed quite a lot since it’s incarnation when it shipped with IE10. At Responsive Day Out 2, Rachel Andrew gave an easy to follow practical talk of the current implementation (as it appears in Google Chrome Canary). …
The Cloud
The Cloud is an interactive lamp and speaker system, designed to mimic a thundercloud in both appearance and entertainment. Using motion sensors the cloud detects a user’s presence and creates a unique lightning and thunder show dictated by their movement. The system features a powerful speaker system from which the user can stream music via …
Design is the Experience
Gov.uk won the Design Museum Design award of 2013. It’s certainly not the prettiest website. Some people even call it boring.com. So why was it awarded? Because it disrupted the way government communicates with it’s citizens. Because it’s user centred, user focused. Because it has one of the best copy’s ever written. Because it’s extremely …
Emmet Re:View
Kouto Swiss
Stylus is great, but… where’s my Compass/Bourbon? Kouto Swiss offers an answer to that as it’ll make lots of handy functions and mixins available to you. Take this Kouto Swiss provided font-face function for example: font-face( “Roboto”, “./fonts/Roboto-Regular-webfont”, normal ) Which will render into this: @font-face { font-family: “Roboto”; font-weight: normal; src: url(“./fonts/Roboto-Regular-webfont.eot”); src: url(“./fonts/Roboto-Regular-webfont.eot?#iefix”) …