css layout

Jen Simmons explains the difference between CSS Flexbox and CSS Grid, and when to use each. She makes the case that Grid does not replace Flexbox and most sites use both.

An excerpt from a Bay Area Rust meetup on Servo's WebRender, which renders CSS display lists on the GPU at very high frame rates. It explains the approach and demos rendering at around 500 FPS.

A demo excerpt from a 2016 Bay Area Rust meetup showing Servo's WebRender drawing CSS on the GPU at very high frame rates. It presents the promise of GPU-based browser rendering.

A short Ericsson film demoing Erlang, showing concurrent processes, debugging tools, and hot code reloading, including crashing parts of a running system while calls continue.

A five-minute video showing how to build a counter in the Imba web programming language in under a minute, then style it.

Ben Vallack compares finger movement on a staggered keyboard with an ortholinear grid keyboard, using an Anne Pro 2 and a ZSA Planck EZ. He argues the stagger forces awkward finger motion.

mitxela shows his KiCad plugin that rounds PCB tracks to give circuit boards organic, melted-looking layouts instead of rigid geometric ones.

Morphcat Games explains how they fit Micro Mages, a full-featured NES game, into 40 kilobytes. It covers compression of sprites and level layouts and other space-saving tricks.

3Blue1Brown explains space-filling curves and the Hilbert curve, and how infinite mathematical constructions connect to finite, practical approximations. It touches on mapping between dimensions and sensory ideas.

Wes Bos breaks down the techniques behind the McMaster-Carr website's speed: server-rendered HTML, prefetching, CDN and service worker caching, preloading, critical CSS and fixed-size images. He also notes its old-school jQuery and YUI JavaScript.

The official tour video of Miniatur Wunderland in Hamburg, the world's largest model railway. It shows the 1,300 square meter layout with trains, aircraft, cars and ships moving around.

A short film about the Erlang language, showing telecom systems built from lightweight processes and demonstrating hot code swapping. It is an edited version of the original Ericsson video.

Lilium's CTO gives a short update on the electric jet's design, certification and development. It shows the canard and rear wing layout and the wheel design.

A five-minute lightning talk from React.js Conf 2016 by Elie Rotenberg on protecting the DOM from tampering. It shows how React tree obfuscation (react-armor) can shuffle class names, tags and tree structure to defeat CSS-selector-based ad blocking.

A five-minute BicycleDutch episode showing how Dutch junctions are designed so cyclists and pedestrians can cross safely. It explains the layout choices that separate and protect them.

Too Many Cooks is an Adult Swim absurdist parody of sitcom opening credits that spirals into a surreal horror comedy. It runs about eleven minutes.