HalfStack Online May 2020
| title | author | length |
|---|---|---|
| Recap Video | 02m | |
Quick highlights show a workshop that combines computer-vision models like posenet and face mesh with a small game framework built to adapt to input devices… | ||
| Building Motion Controlled Websites in JavaScript | Charlie Gerard | 28m |
Explains using TensorFlow.js models PoseNet, FaceMesh, HandPose with getUserMedia and a WebGL backend, calling estimateSinglePose/estimateFaces/estimateHands… | ||
| Responsive Design in 2020 | Kilian Valkhof | 33m |
Argues responsive means adapting to user preferences, environment, network and device capabilities rather than only viewport width, and shows concrete… | ||
| Building An Over Engineered Weather Station | Guy Wilson | 23m |
A self-contained weather station combines an Arduino clone (ATmega328P, 16 MHz, 2 KB RAM, 32 KB flash) and a Raspberry Pi Model 2 talking over serial with… | ||
| All tooled up and nowhere to go? | Christian Heilmann | 37m |
A rapid tour of Chromium developer tools that points to concrete, usable features: use pretty print and workspaces to edit live files, replace console.log with… | ||
| Multiplayer Gaming Architecture and Design | Srushtika Neelakantam | 40m |
A playable multiplayer Space Invaders clone built in under two weeks, demo capped at 10 players, uses Phaser 3 for rendering and client physics, a Node server… | ||
| Programmatically Performant | Jonathan Fielding | 36m |
Shows a repeatable pipeline that runs Lighthouse in Docker via browserless to collect synthetic metrics (runs three tests, averages results), stores results in… | ||
| Lets Build a Point of Sale System, Using a Vue or Two | Ramón Huidobro | 42m |
Builds a working point‑of‑sale in three weeks using Vue.js on top of Ruby on Rails, a Raspberry Pi touchscreen, a chip‑card reader that acts as a USB keyboard… | ||
| Live Coding Music Performance with Sonic Pi | Mynah Marie | 32m |
Live coding with Sonic Pi generates layered beats, synth lines and sampled fragments through real-time edits to code, using live-coded loops and tempo shifts… | ||
| Geppetto's Guide to Living Puppets | Michael Jolley | 32m |
Prototype animatronic puppet connects webcam facial tracking to real servos and it works live: vision runs in-browser with the BRFv JavaScript library because… | ||
| Freqi: Musical Tuning Systems with JavaScript | Richard Bultitude | 39m |
A JavaScript library that generates frequencies from interval arrays and returns absolute Hertz for oscillators or pitched audio, used to drive a… | ||
| Locomotion: Going places in VR | Ada Rose Cannon | 45m |
Builds a WebXR scene with three.js that adds an enter VR button, enables renderer.xr.enabled and uses renderer.setAnimationLoop so the headset display syncs… | ||
| Games Games Games | Joe Hart | 34m |
Shows two playable parody games on joehart.fun: katamari node modules (roll up packages, personal best 388 KB) and Supermarket Solid (social‑distancing stealth… | ||
| Live JS Music | Dylan Beattie | 39m |
Live parody concert rewrites Beatles/Bon Jovi lyrics into concrete claims about JavaScript, frameworks and enterprise pain, naming dozens of real frameworks… | ||
| PoseDance Build a TikTok Trainer | Jen Looper | 40m |
A web app called PoseDance compares an exported TikTok MP4 to live webcam poses and scores how closely the user matches the moves. It runs PoseNet (17… | ||
| Beats in the Browser | Ken Wheeler | 32m |
Builds a working browser beatmaker that actually plays back full loops using Tone.js and the Web Audio API, with a React UI and a canvas editor for… | ||
| An Introduction to the Internet of Toilets | Joe Karlsson | 29m |
A working internet-connected litter box records cleaning events via a magnetic lid switch, captures cat-weight from load cells, and logs bathroom events to… | ||
| R&B GraphQL | Rahat Chowdhury | 31m |
A tiny PWA called R&B GraphQL combines Gatsby build‑time queries with runtime Apollo requests to keep a static site fast and still accept live updates. It… | ||
| Humanizing Technology and Algorithms Through Artistic Expression | Mynah Marie | 01h 02m |
Professional musician of 18 years who starts programming in 2015 uses Sonic Pi, Tidal, SuperCollider and browser Estuary to make live code music. Demonstrates… | ||
| Fashion For all Futures | Chelsea Klukas | 27m |
MakeFashion and Lumen Couture turn runway experiments into concrete products: flexible LED strands compatible with Arduino and Raspberry Pi, and an ultra-thin… | ||
| Data Visualizations, Internationalization and Covid-19 | Naomi Meyer | 40m |
Worked on Adobe visualizations to add full international support, showing concrete fixes: replace hard‑coded formatting with Intl.NumberFormat with notation… | ||
| Hacking Programmer Patterns into Age of Empires | Alex Blom | 31m |
Age of Empires II scenario editor gets pushed into doing things the engine never supports by wiring GUI triggers into functioning systems, for example an admin… | ||
| Full 3D Worlds in Plain old CSS & JavaScript | Pantelis Kalogiros | 33m |
Can we build full 3D worlds using only CSS? Do we need to wait for widespread WebGL2 and webGPU adoption before we start building our next project?
We will… | ||
| 8 Million Reasons to Fail | Amie Dansby | 09m |
Builds LEGO sets and hardware projects under brutal constraints: 3.3 million bricks, ten teams on a competition with 18-hour build challenges and roughly 8… | ||
| nothing matches | ||