front-end

Richard Feldman describes introducing Elm into a mixed React and jQuery front-end in production, and why the result was reliable, clean and fast enough to make the back-end team jealous.

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 side-by-side recording by Jake Archibald of the same animation demo running in Chrome, Firefox, Safari and Servo WebRender nightlies on a 60Hz display. It shows the smoothness difference of GPU-based rendering.

A Google Tech Talk on Yahoo's 14 rules for faster web pages and the YSlow tool. It covers front-end practices like avoiding @import and fixing ETags, with live analysis of popular sites.

Nicholas Zakas of Yahoo discusses architecture for large, modular JavaScript web applications. He lays out the theory behind building front ends that scale in complexity.

Morten Rand-Hendriksen argues that CSS Grid changes web layout, showing how to place content in cells independent of HTML source order and reshape layouts with media queries. It makes the case for using Grid now that browsers support it.

A long interview by Blender Guru with Ton Roosendaal, creator of Blender. They cover Blender's origins, the move to open source, why Ton is not driven by money, Autodesk, and what sets Blender apart from other open source projects.

Blender Guru's beginner tutorial series, in which you model, light, texture and render a donut while learning Blender's core features. This is Part 1 of the Blender 3.0 version.

HERO is a short animated film made entirely in Blender to showcase the Grease Pencil 2D animation tools in Blender 2.8. It mixes hand-drawn 2D with a full 3D pipeline.

Blender Guru's Andrew Price proposes a redesign of Blender's user interface, answering the usability problems raised in earlier parts of the series. He later noted the proposal had flaws and posted a follow-up.

Jeff Bell's Blender Conference 2018 talk on how Netflix's animated film Next Gen was produced using Blender. It covers the studio's pipeline and tooling.

Svelte creator Rich Harris explains moving reactivity into the compiler and language rather than tracking state at runtime, with a history of spreadsheets as reactive systems and comparisons to React.

Cal Henderson's DjangoCon 2008 keynote, "Why I Hate Django", is a funny critique of Django from a Flickr architect. It touches on scaling topics such as database replication.

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.

LearnCode.academy presents a roadmap of web development technologies to learn in 2016 and 2017, spanning front-end, back-end and DevOps tools.

Rik Arends presents Makepad, a Rust UI framework, at RustNL 2023. The talk covers designing modern, GPU-fast UIs with Rust and includes live-coded demos of an IDE and a synthesizer.

An episode of the Norwegian documentary series Brainwash, in which a comedian interviews academics from different sides about gender differences and gender equality. It looks at why more equal societies can still show unequal career choices.

Captain Disillusion's comedic talk at the 2018 Blender Conference recounts how he uses Blender as a production tool for his VFX-debunking web series. It is part case study and part love letter to the Blender community.

Imphenzia's 83-minute tutorial covers the low poly modeling techniques he learned over five years of Blender use, with timestamps from navigation and extrusion onward. It uses Blender 2.83 with default keys.

Ian Hubert shows quick, unconventional tricks for greenscreen compositing in Blender, as a follow-up to his motion tracking video.

Ian Hubert shows how to use Blender's motion tracking to turn ordinary footage of a room into a stylized digital environment for an indie film. It is a quick, practical walkthrough in his loose, lazy-tutorial style.

Coffee Break analyzes about 40,000 videos from seven months of YouTube's trending tab. It examines whether trending is biased toward mainstream media and late-night shows.

A video essay from lawyer-turned-YouTuber Moon Channel on the South Korean gender war, tracing its historical roots and modern origins through the lens of a gacha game controversy. It is the first part of a two-part series.

First episode of the Norwegian documentary series Hjernevask, in which Harald Eia interviews researchers on the nature versus nurture debate. It focuses on the gender equality paradox and gender differences in career choice.

David Christiansen gives a Strange Loop 2018 introduction to dependent types, where one language serves for both compile-time and run-time code and programs unite with proofs. It draws on his book The Little Typer.

Gaming Historian recounts how Atari subsidiary Tengen challenged Nintendo's licensing rules with a lawsuit and unlicensed NES games, including the lockout chip fight.

A Graphics Programming Conference talk on how the game Tiny Glade renders meadows, trees and player-built castles. It covers real-time global illumination, tilt-shift depth of field, stable shadows with continuous time of day, ray marching and GPU-driven rendering on old hardware.

EmpLemon examines Nintendo's brand-protection strategy, its aggressive legal actions and its relationship with fans and creators.

John Oliver's Last Week Tonight segment on auto lending, showing how lenders steer vulnerable buyers into subprime loans and crushing debt. It uses comedy sketches to explain the practices.

A video showing a virtual camera built in Blender that simulates lenses and film layers using path tracing, to make physically modeled photographs.

A one-minute NVIDIA research demo of foveated rendering for VR using SMI eye tracking. It renders at full detail only where the eye is looking, matching the physiology of human vision.

Cheng Lou's react-europe 2016 talk lays out a mental framework for thinking about abstraction levels in JavaScript tooling, from Angular and Grunt to Webpack and React. It uses that framework to reason about the cost of abstractions and how to choose between competing solutions.

A roughly three-hour Lex Fridman podcast conversation with Brendan Eich, creator of JavaScript and co-founder of Mozilla and Brave. It covers JavaScript's rushed creation at Netscape, the browser wars, Firefox and Mozilla, and Brave's privacy approach.

A JSConf 2014 talk visually breaking down algorithms behind everyday UI patterns, such as dropdown menus that vanish when the mouse drifts and picking the nearest target to the cursor. It shows how these are implemented in JavaScript.

Dan Abramov's JSConf Iceland talk on what came after React 16, with live-coded prototypes of async rendering and time slicing. It previews the ideas that became concurrent mode and suspense.

Morten Rand-Hendriksen's WordCamp Europe 2017 talk presents CSS Grid Layout as a native two-dimensional layout system that changes how web pages are structured, including responsive layouts independent of source order. It was given as browsers began shipping support.

Ryan Florence's React.js Conf 2015 talk pushes React into unusual use cases, including a demo comparing rendering in React, Ember and Angular.

A FRONTLINE documentary on whether efforts to fix plastic pollution made it worse. It looks at the battle over plastics and recycling and how little plastic is actually recycled.

The full, long-form FRONTLINE interview with Steve Bannon, recorded in 2019 for the documentary series on the Obama-to-Trump era. He discusses his populist politics, the Trump campaign and White House, and his view of the establishment.