web development

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

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.

Paul Irish explains how pointerpointer.com works. It uses a hidden canvas of colored Voronoi regions to look up which photo matches the cursor position.

Answer in Progress investigates why Japanese websites look different from those elsewhere, using an AI clustering approach to test the 2013 claim. It then looks at possible explanations.

Michael Wesch's five-minute video about Web 2.0, showing how the read/write web, XML and user-generated content change how people create and share information.

A short Techquickie explainer on why laptop webcams are much worse than phone cameras. It covers sensor size, image processing, and the interface differences between laptops and phones, with input from a Logitech engineer.

A one-minute clip about Paul Otlet, the Belgian bibliographer who in 1934 imagined users accessing a remote database through an electric telescope over a phone line. It presents his vision as a precursor of the web.

Aaron Francis walks through how PHP has changed from 2012 to 2023, covering traits, array destructuring, generators, typed properties and more. It is a quick chaptered tour of modern PHP features.

Real Engineering explains the engineering behind the James Webb Space Telescope, including its folding mirror, sunshield, orbit and cooling systems, and why deployment was so difficult.

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.

WeberAuto explains how the Honda E-Drive (i-MMD) hybrid transaxle works in the CR-V, Accord, Insight and Clarity hybrids. It walks through the system's three modes of operation.

Ted Nelson explains the original Xanadu hypertext idea of visible connection, the notion that links between documents should be shown and preserved. He argues that the Web and current document standards lost this concept.

Tom Scott visits Penistone to explain the Scunthorpe problem, showing why naive web and profanity filters block innocent words.

Not Just Bikes contrasts traditional and suburban development in North America. It looks at the financials behind each pattern and argues that suburban development leaves cities unable to pay for their own infrastructure.

Tom Scott's video whose title shows its own live view count, and the story of how he made that work. It explains why open APIs were once common and why they largely disappeared.

Hans Rosling uses augmented-reality animation to show 200 countries over 200 years in four minutes, built from 120,000 data points. It tracks life expectancy and income to show the world's development.

Tom Scott visits the British Library, a UK legal deposit library that receives a copy of everything published, and discusses storing so much material, including the web archive.

AVweb's Paul Bertorelli explains why general aviation has failed to replace leaded avgas, blaming industry inertia, bureaucratic delay and an exemption that removes the incentive. This is part one of two.

AVweb's Paul Bertorelli explains in part two of a series why general aviation has not replaced leaded avgas. He covers industry inertia, bureaucratic delays and the exemption that lets the industry keep using lead.

AVweb's Paul Bertorelli analyzes the safety record of the Cirrus Airframe Parachute System (CAPS), looking at the 90-plus deployments over 20 years of Cirrus flying. He asks whether the whole-aircraft parachute has actually saved lives.

Kurzgesagt makes a selfish case for improving the world, arguing that helping people far away raises prosperity and innovation for everyone, including yourself. The animated video frames this as egoistic altruism and positive-sum cooperation.

CodeParade's short devlog on how spherical geometry looks in 2D and 3D and why it feels so unusual, part of the Hyperbolica series on a non-Euclidean game.

An episode of Coding Secrets by Jon Burton on retro copy protection, in particular physically damaging a disk with a laser so copies fail. It explains how this defeated hackers and pirates.

Tom Scott explains for Computerphile why handling time and timezones in code is so hard, walking through a simple web app that computes how long ago something happened. It covers the quirks of timezones and calendars and ends in an exasperated rant.

A video explaining why Japanese cities look the way they do, through Japan's national tiered zoning system that permits mixed use and flexible development. It compares this approach with more restrictive zoning elsewhere.

Tom Scott explains for Computerphile how Unicode and UTF-8 grew out of messy older character encodings to become the web's standard. It covers why the design works and how it handles worldwide text.

A short video on the US Sprint anti-ballistic missile, which accelerated to around Mach 10 in seconds under extreme g-forces and heat. It includes striking launch footage and a brief development history.

Breaking Taps explains how the cryogenic mirror actuators on the James Webb Space Telescope achieve nanometer precision using flexures. It shows a 3D-printed replica and how one motor handles both coarse and fine motion.

Animator Noodle explains why frame interpolation does not make animation better, covering timing, easing, smear frames and using the wrong tool for the job. A pinned correction says the video is partly outdated given later AI developments.

Kraut traces centuries of political development, from Mongol rule and the Orthodox church to Muscovite autocracy, that shaped Russia's authoritarian state. It uses countryball animation and compares Russia with Europe and China.

A short Coding Secrets episode explaining why hitting a Sonic 3D cartridge triggers a hidden level select. The cause was a custom crash handler that redirected CPU error interrupts to the level select screen.

Strong Towns explains the Growth Ponzi Scheme, in which post-war suburban growth takes on infrastructure costs that new development must keep funding. It describes why municipal finances become insolvent.

A video arguing that exercise matters for the brain as much as the body, linking movement, the nervous system and BDNF to learning and memory. It draws on research connecting complex movement to brain development.

Engineering Explained argues that internal combustion engines are far from dead, and discusses the continued development of ICEs and the problems facing electric vehicles.

Matt Cutts of Google explains what cloaking is: serving different content to search engine crawlers than to users. He covers why it violates Google's webmaster guidelines.