A short film for H&M, directed by Wes Anderson starring Adrien Brody. This short has all the things that make up Wes Anderson’s signature: tracking shots (panning of the camera), symmetrical shots, a refined color palette, … it’s all there 🙂
10 principles for smooth web animations
Don’t change any properties besides opacity or transform! Hide content in plain sight with opacity: 0; and pointer-events: none; Don’t animate everything at the same time Slightly increasing transition delays makes it easy to choreograph motion Use a global multiplier to design in slow motion (and then speed everything up later) Take videos of your …
CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout
Time to ramp up your CSS Grid Layout skills, as it’s now enabled by default in Chrome Canary: Boom! There it is. Latest Chrome Canary now has Grid Layout enabled by default. It’s on the way. pic.twitter.com/sUNOZKVUlH — Rachel Andrew (@rachelandrew) November 25, 2016 It’ll also land in Firefox 52. Speaking of, Firefox also sports …
Continue reading “CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout”
What’s the weather like in …? Just cURL it!
To know what the weather is like in a specific (or in the current city) I always Google for “{cityname} weather forecast”. Thanks to wttr.in I can now also get to know that via cURL. Just send a cURL request to the URL and voila: $ curl wttr.in Weather for City: Sint-Amandsberg, Belgium \ / …
Continue reading “What’s the weather like in …? Just cURL it!”
Sublime HyperClick
Most of the time when you are navigating and reading a code-base, you need to jump between required/imported (whatever jargon your programming language uses) files. The “Go to Definition” functionality of Sublime falls short for most languages since jumping between these required files needs some knowledge about how the language or package manager of the …
ES6 ES2015: Looping over an Object with keys and values
Say you have an object like this: const obj = { firstName: ‘John’, lastName: ‘Doe’, age: 50, eyeColor: ‘blue’ }; Using lodash’s forEach you can easily loop over this object, with easy access to both the key and the value: _.forEach(obj, function(value, key) { console.log(key + ‘ ‘ + value); }); But what about ES2015? …
Continue reading “ES6 ES2015: Looping over an Object with keys and values”
Never Happened
Using XDebug with PHPStorm
murze.be turns two
Roundme 360° Virtual Tours
Roundme is a simple and beautiful online app that allows you to create, share and explore Spaces. A Space is a set of panoramic images connected through Portals and filled with multimedia content in Hotspots. An excursion around a property, an interactive exhibit at a museum or just a jump down the nature trail. Embedded …