Scroll-Linked Animations with ScrollTimeline and ViewTimeline | HTTP 203
Bramus shares his excitement for Scroll-Linked Animations that are powered by nothing but HTML and CSS. JavaScript option that integrates...
HTTP 203
Google Developers Jake Archibald and Surma discuss their philosophies about web development and the various aspects of it, meanwhile dropping in lifehacks, lessons and some honest truths.
How rotate(0) fixed my transform animation | HTTP 203
Jake and Bramus chat about transform animations, in particular how rotate(0) can behave differently to none.
Spec → https://goo.gle...
A love letter to DOMPoint and DOMMatrix | HTTP 203
Jake shares his love for DOMPoint and DOMMatrix, two little-known APIs that are useful for visual effects!
Full demo → https://goo.gle/3...
It's viewports all the way down | HTTP 203
Bramus schools Jake about all the viewports that exist in the browser. If you've had layout issues with position fixed, vw units, or heig...
Magic tricks with the HTML parser | HTTP 203
Jake and NEW GUEST (for the next few episodes) Bramus chat about strange behaviors in the HTML parser. Should it be more strict? And, how...
DOM ready events considered harmful | HTTP 203
Jake and Cassie (still from off of Greensock) talk about DOM ready events, which can slow down your app in unexpected ways. But what are ...
Demystifyingish SVG paths | HTTP 203
Cassie Evans (from Greensock) chats to Jake about SVG paths, and what that mess of letters and numbers actually means.
The logo turtle d...
FLIP animations | HTTP 203
Cassie Evans from GreenSock walks through FLIP – a great animation technique for transitioning between states.
Purple box FLIP demo → ht...
The history API is dead. Long live the navigation API | HTTP 203
In this episode, Cassie (from Greensock) and Jake (not from Greensock) sit down to chat about the new Navigation API, which replaced the ...
Samsung Internet - the why & how | HTTP 203
Ada Rose Canon from Samsung Internet chats to Jake about why Samsung Internet exists, and how it differs from other Chromium browsers.
S...
Is .css a bad idea? Is inlining the way forward? | HTTP 203
Ada (from Samsung Internet) and Jake (not from Samsung Internet) chat about issues with managing CSS, and whether external resources make...
What key was pressed? (You won't believe how keyboard events work) | HTTP 203
Jake challenges Ada (from Samsung Internet https://developer.samsung.com/internet) to a game of "what key was pressed" while diving into ...
Building VR and AR experiences using HTML | HTTP 203
In this episode Ada Rose Cannon from Samsung Internet comes in to chat about VR and AR web standards, and how you can build immersive exp...
Cross-fading DOM elements | HTTP 203
Turns out it's impossible to cross-fade two DOM elements unless they're opaque. Here's why, and a new feature that could fix it.
Blog po...
Generating your color palette in CSS | HTTP 203
In this video, Surma and Jake pick up the topic of Color Spaces again, because there’s more to talk about. Device capabilities, perceptua...
The Zombie DOM - old DOM stuff that still haunts us today | HTTP 203
Jake and Surma chat about 'features' of yesterday that still get in our way today. You might have encountered some of them before, but he...
Bringing bounce and elastic easing to CSS | HTTP 203
You can ease-in, you can ease-out, but CSS doesn't let you bounce. Jake and Surma chat about a proposal to fix that.
cubic-bezier editor...
Yes, we use a Joy-Con to change slides. Here's how… | HTTP 203
Jake and Surma use a Joy-Con as a slide clicker because they're cheapskates. Here's how it works, and the coding patterns they use.
Fina...
Are SPAs better than MPAs? | HTTP 203
Surma and Jake have a discussion, weighing up the benefits and drawbacks between Single Page Apps (SPAs) and Multi Page Apps (MPAs).
Ja...
Avoiding layout shift by putting the CSS in charge - HTTP 203
Jake and Surma chat about layouts that put the content in charge, vs layouts that put the CSS in charge, and why that difference matters....
Color Spaces: Do YOU know the difference between sRGB, LAB and CIE XYZ? - HTTP 203
In this episode, Surma explains a bit of the history of color spaces (sRGB, CIE XYZ, p3, rec2020, CIE LAB...) and why they are important....
Random paint effects - HTTP 203
In this episode Jake and Surma chat about creating 'random' paint effects, and why they shouldn't be truly random.
The original by Georg...
Deno - HTTP 203
In this episode, Surma gives Jake an introduction to Deno, a TypeScript-based runtime from the creator of Node.
Ryan Dahl’s talk at JSC...
Debugging memory leaks - HTTP 203
Jake and Surma tackle one of the hardest types of debugging on the web: Memory leaks.
Some links mentioned:
Squoosh → https://goo.gle/2O...