We wanted to design the best printing output we could given the technological support given by the browsers. Here are the most important changes between screen Medium and print Medium Printing Medium stories →
Game of Thrones Season 5: A Day in the Life
Super Mario World “Credits Warp”
Fascinating trick in which one actually reprograms Super Mario World by just playing it to make it start playing the end credits upon triggering a crash: The goal of this run is to trick the game into playing the credits in the first level. It works by using a glitch to allow yoshi to eat …
Facebook Engineering: Introducing 6-pack, the open hardware modular switch
The “6-pack” platform is the core of our new fabric, and it uses “Wedge” [a custom built network switch] as its basic building block. It is a full mesh non-blocking two-stage switch that includes 12 independent switching elements. Each independent element can switch 1.28Tbps. We have two configurations: One configuration exposes 16x40GE ports to the …
Continue reading “Facebook Engineering: Introducing 6-pack, the open hardware modular switch”
Flipboard Engineering: 60fps on the mobile web
Since earlier this week Flipboard now is a website too. As they wanted to mimic their mobile apps, it would sport lots of animations. During their first tests, they found the DOM being too slow (although that’s not entirely true, see this video and its description for example). And then, an epiphany: Most modern mobile …
Continue reading “Flipboard Engineering: 60fps on the mobile web”
I am the fold
An experiment to show how designing for The Fold can be treacherous. Each line is from a random sampling of past-visitors’ viewport heights. Take care when making assumptions about people’s screen sizes on the web. Do note that it only shows “a randomised subset of the full data”. I am the fold → Related: Life …
WebTrak
WiFi Taser
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 …