CSS object-fit

img { width: 150px; height: 100px; border: 1px solid #000; } .fill { object-fit: fill; } .contain { object-fit: contain; } .cover { object-fit: cover; } .none { object-fit: none; } .scale-down { object-fit: scale-down; } The object-fit CSS property specifies how the contents of a replaced element should be fitted to the box established …

PHP Scalar Type Hints

At this moment a vote on the PHP RFC “Scalar Type Hints” is going on. It would allow stuff like this: <?php class ElePHPant { public $name, $age, $cuteness, $evil; public function __construct(string $name, int $age, float $cuteness, bool $evil) { $this->name = $name; $this->age = $age; $this->cuteness = $cuteness; $this->evil = $evil; } } …

Young Fathers – Dead

Yesterday I went to see alt-J together with @joggink at Vorst Nationaal. Whilst chatting up before and after the – truth be told – not that great concert (singing off key from the start, ORLY?) one of the topics, of course, was music. During that talk I mentioned one of the, to me, musical revelations …

Every Frame A Painting: Drive (2011) – The Quadrant System

One of the many pleasures of Nicolas Winding Refn’s “Drive” (2011) is that the shots feel both tightly composed and weirdly unpredictable. Even though most of the images follow a simple quadrant system, Refn puts plenty of subtle touches within the frame. Let’s take a look. Related: Wes Anderson Centered → A filmographer’s POV →

Designing Twitter Video

We wanted to be extremely careful about weighing down the experience with extra pro-user functionality. Even though we support longer videos, we don’t necessarily want to make people feel like they need to fill it up. As such, we landed on a simple interface for capturing multiple video segments without the pressure of filling up …