HTTP 203: Recent Episodes

Surma & Jake

Surma and Jake talk about whatever's going on in the world of web development.

View Details

In this episode:

  • Surma changed jobs.

  • The Shopify interview process.

  • Pair programming vs pair problem solving.

  • Surma's also doing bits of work for Deno.

  • The complexities of testing image codecs.

  • Jake forgot to tell Ada how HTTP 203 filming ends, so it almost never did.

  • Keeping animations fast but simple for page transitions.

Transcript: https://goo.gle/3ns4TTK

View Details

Transcript - https://goo.gle/3wZTwWS

Surma's talk about brain-click - https://goo.gle/3oYED3R

Is Chrome removing view-source? (no)

Studio lighting - https://goo.gle/3oAvQVo

Jake's Twitter thread about view-source - https://goo.gle/3kQHV7L

Bathroom designs

The HTTP203 episode on Deno - https://goo.gle/3CsAee8

Jake's CORS article - https://goo.gle/3x1lrWo

Deno deploy - https://goo.gle/3Cv45lZ

The little Deno server Jake wrote - https://goo.gle/30A2Zsw

Jake's wikipedia search thing - https://goo.gle/3CzarAJ

Color spaces and dithering

Surma's article on dithering - https://goo.gle/3FsyH9B

Tom Scott's video on the Pulfrich Effect - https://goo.gle/3nre4EM

Shared element transitions - https://goo.gle/3FwtGNA

CSS cross-fade function - https://goo.gle/2YZfltc

Compositing on the web - https://goo.gle/30xqe5Y

Michael Caine trying to do an American accent - https://goo.gle/3Fus0Uw

Catch videos from the HTTP 203 series → http://goo.gle/HTTP203

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

View Details

In this episode, Surma and Jake chat about:

  • Transcript → https://goo.gle/2XHz1Rz
  • HTTP 203 on memory debugging → https://goo.gle/2VDXRAQ
  • Box-sizing → https://goo.gle/3jDvH0R
  • IE5.5 box model → https://goo.gle/3izbY39
  • Tim Perry's article → https://goo.gle/3jFeWCx
  • IE double margin bug → https://goo.gle/3xzKWNi
  • IE duplicate characters bug → https://goo.gle/2U5M7X7
  • Dave Rupert's article → https://goo.gle/37CAI45
  • PROXX → https://goo.gle/3iAQbrQ
  • Weird emails from browser testing services → https://goo.gle/3fKQazB

Catch videos from the HTTP 203 series → http://goo.gle/HTTP203

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

View Details

In this episode, Surma and Jake chat about:

Jake's 100kAMA, pose questions here → https://goo.gle/3swYDKz

Jake's 'bake-dancing' → https://goo.gle/3ajBFjx

The wee scale

Hype trains

Esbuild → https://goo.gle/3go1Nhc

Squoosh → https://squoosh.app/

Surma's JPEG-XL art tool → https://goo.gle/3n1kCYT

tooling.report → https://tooling.report/

JPEG-XL comparison → https://goo.gle/3x5hhN5

JPEG-XL features

The quality of web images

React on initial HTML → https://goo.gle/3n3OwLZ

What does 'inline CSS' mean?

F1 website performance → https://goo.gle/3v8e6CB

AVIF blur preview → https://goo.gle/3dsjk63

Progressive rendering → https://goo.gle/3ecNjOC

Google I/O → https://goo.gle/32tCVwc

View Details

In this episode of the top-10-most-popular-JavaScript podcast, Jake and Surma chat about:

Using our blogs to experiment with build systems.

Jake's → http://goo.gle/3pi4sL5

Surma's → http://goo.gle/39dg8sK

11ty → https://www.11ty.dev/

Jake's static build → http://goo.gle/2Mi7254

Hydrated components in Jake's posts → http://goo.gle/3a0DOjt

And where those are processed → http://goo.gle/36c8qgB

Surma's dithering post → http://goo.gle/3c8c8f2

Cats and laser pens

Dogs and teeth

Improving the safety of Jedi training

The old _blank behaviour → http://goo.gle/3ojucoS

The spec change → http://goo.gle/2YednBo

The browsing context → http://goo.gle/2M5R0vf

Cross-origin-opener-policy → http://goo.gle/2Mi7kZI

window.open → http://goo.gle/3cfBPup

Back/forward cache → https://web.dev/bfcache/

Old blocks proposal → http://goo.gle/2M4SeqL

New blocks proposal → http://goo.gle/2Yd7iVK

Lockdown dreams

Lottery fail → https://goo.gle/2M1EgpA

View Details

  • Jake messed up his recording, so it sounds like he literally phoned it in. He is very sorry.

  • Where do you put clothes that are in active service?

  • How the star system of hotels should work

  • Jake hates Eastenders

  • The element → https://goo.gle/3ihojWy

  • The session history traversal bit of the spec → https://goo.gle/2DCnqcg

  • Jake's writeup of how history behaves in browsers & spec proposal → https://goo.gle/33vrVQQ

  • The back-forward page cache → https://goo.gle/30vE06K

  • Moving an iframe → https://goo.gle/30Ae9L0

  • COOP & COEP to get SharedArrayBuffer back → https://goo.gle/3kcAiqt

  • To what degree does "talent" exist? Is talent simply practice? → https://goo.gle/2EXm9gG

  • The social and economic advantages you need to become good at something

  • Does piracy have a valid place in helping disadvantaged folks learn software?

  • Different kinds of practice: Work, play, and deliberate practice.

  • Informer by Snow → https://goo.gle/3kj1K60

  • This great Informer tweet → https://goo.gle/3fAota2

  • Jon Snow dancing → https://goo.gle/2DCqcOI

  • The short version of HTTP203 → https://goo.gle/31ulRoW

View Details

  • Surma’s photo challenge: https://www.instagram.com/p/CBTiwExnIe6/

  • https://web.dev/live happened!

  • Jake's image compression talk → https://goo.gle/2NZ4erd

  • Jake & Jason write build plugins → https://goo.gle/2CajSNF

  • https://tooling.report goes live!

  • webpack's weird behaviour with entry points → https://goo.gle/3iEQfVl

  • Rollup's docs → https://rollupjs.org/

  • Rollup's issues with hashing → https://goo.gle/3gC4rwS

  • Import maps → https://goo.gle/38CFfn8

  • SystemJS import maps → https://goo.gle/31TAxA2

  • Hash cascading → https://goo.gle/2VWXWwG

View Details

  • The Count from Sesame Street swearing → https://goo.gle/3ftsgqL (warning: silly/rude)

  • Ofcom research into broadcast swearing → https://goo.gle/2A9xM1B (warning: lots of really bad language) (bigger warning: PDF)

  • Banned word list read by a computer → https://goo.gle/2SNkgat (warning: lots of really bad language)

  • Beat saber stretches → https://goo.gle/2Ac4gZf

  • Remy's question about text encoding → https://goo.gle/3bftse1

  • TextEncoder → https://goo.gle/2zlvBaE

  • TextDecoder → https://goo.gle/35K5Wou

  • Streaming versions → https://goo.gle/2Wh4qHn

  • Josh's joke encoding PR → https://goo.gle/2YK2316

  • atob → https://goo.gle/2YK2316

  • bota → https://goo.gle/2YKEuoP

  • Binary strings in JS → https://goo.gle/3ch7R68

  • readAsBinaryString in FileReader → https://goo.gle/2Wdnoyz

  • DOMContentLoaded → https://goo.gle/3fon4EF

  • defer and IE bugs → https://goo.gle/2WfOntj

  • DOM ready in jQuery → https://goo.gle/3cdvnRN

  • readyState → https://goo.gle/2xJnHrf

  • doScroll trick → https://goo.gle/2WFuCtW

  • "The end" → https://goo.gle/3fw8CKz

See https://goo.gle/HTTP203Podcast for other episodes.

View Details

Jake injured himself playing games.

Jake also has a stupid cat.

By the way, skip to 22 mins if you don't care about all that.

Writing a Countdown solver → https://goo.gle/2SkHtk2

Here's the game show → https://goo.gle/3bPo1DM

Here's the C++ solution → https://goo.gle/2VRzoFP

Jake's unappreciated audio blog post → https://goo.gle/2VNmOqZ

HTM (JSX alternative) → https://goo.gle/3cYr9x7

Preact hooks → https://goo.gle/3aMP15p

ComLink → https://goo.gle/2VLcr6V

Throwing non-errors.

Guide to promises → https://goo.gle/2VOuCc8

Gotchas with typeOf.

isNaN vs Number.isNaN.

See https://goo.gle/HTTP203Podcast for other episodes.

View Details

Phil and Jack from fishandscripts.com are still lingering around. We chat about:

Fustractions with punctuality.

Phil's time website → https://goo.gle/34Cb3pW

Frances on naming PWAs → https://goo.gle/3cgkfTu

Jen's new job.

Surma's WebXR experiment → https://goo.gle/3adpDp2

Transferring data between workers and pages.

The DataView API → https://goo.gle/2ydWhd0

Buffer-backed objects → https://goo.gle/2REZitI

JavaScript proxies → https://goo.gle/2K6TaWT

Mathias on JS internals, including holey arrays → https://goo.gle/2RGzu0d

DX vs UX → https://goo.gle/2yhm9EO

Differences between dev and prod builds.

An epic quiz on HTTP status codes.

Desyncronised canvas → https://goo.gle/2yhm9EO

pointerrawupdate → https://goo.gle/3adk5Ln

Jake's unloved pointer library → https://goo.gle/2XCUUPJ

getCoalescedEvents → https://goo.gle/2XEf104

See https://goo.gle/HTTP203Podcast for other episodes.

View Details

We join the https://fishandscripts.com/ podcast and chat about:

Games we're playing to cope with lockdown:

Overcooked 2 → https://goo.gle/39NeHOU

Snipperclips → https://goo.gle/2x2GZYt

Pikuniku → https://goo.gle/2UTf7Pt

Play You Don’t Know Jack → https://goo.gle/34wVJv3

Knowledge is Power → https://goo.gle/39UiMk8

It’s Quiz Time → https://goo.gle/3e7N7iA

And Surma plays Zelda fast → https://goo.gle/2Rsoi7w

Jake buys some chocolate

Phil joins a choir

requestStorageAccess → https://goo.gle/2yNFKwR

The SameSite cookie change is rolled back → https://goo.gle/2UTYpzF

Chrome releases are resumed → https://goo.gle/3e8Exjw

And we give Phil & Jack our quiz: NOT-or-NOT

See https://goo.gle/HTTP203Podcast for more detailed show notes, including links.

View Details

Also native filesystem, listener questions, and TMI.

View Details

Also performance, progressive enhancement, and hand-drying.

View Details

Also, top fashion and career advice.

View Details

Also cache invalidation, server rendering, and learning curves.

View Details

Also how do you do TODO?

View Details

Also, font loading, feature phones, and webpack vs Rollup.

View Details

Also, PROXX, forms, and auto.

View Details

Also camping, compositing, and building games.

View Details

Also clip-path, bread, and urinals again.

View Details

Also share target, shadow parts, and streams.

View Details

Also zombie optimizations and alphabets

View Details

Also page-lifecycle, WASM, and massages.

View Details

Also spices, screen-touchers, and lasers.

View Details

Lighthouse and automation.

View Details

Exciting things appearing in V8.

View Details

Making search and JavaScript better friends.

View Details

Making Chrome secure.

View Details

What's new in DevTools.

View Details

Getting performance right.

View Details

How Chrome began.

View Details

How we got started on the web.

View Details

Shipping new a11y features.

View Details

Informative mouth-words.

View Details

The state of the union of the web.

View Details

Also quizzes, privilege, and screen readers.

View Details

Also webpack + workers, observables, and resize observers.

View Details

Also 120hz screens, JSON vs HTML, and a fox.

View Details

With a limit of two minutes per topic.

View Details

WebRTC again, and about:blank weirdness.

View Details

Iframes, WeakMaps, and WebRTC.

View Details

Viewports and message ports.

View Details

Alarms, upcoming CSS stuff, impostor syndrome, and the death of Flash.

View Details

Custom elements, matrices, TypeScript, and omg Paul is leaving

View Details

Jake is worse at quizzes than Paul.

View Details

Paul's been booting frameworks, and unfortunately Jake connected his brain to Twitter

View Details

Paul has been playing with springy animations in the Safari Tech Preview, and Jake loves pubs that are also... windmills?

View Details

"Jake's discovered display: contents, while Paul is concerned about people microbenchmarking ES2015 features."

View Details

Jake brings his A+ poetry game, and Paul muses over the performance implications of event delegation.

View Details

Why does nobody seem to include CORS headers on their files? And can Paul answer Jake's dreaded CORS pre-flight quiz?

View Details

How can writing code be like making a burger? Turns out, by the power of weird segues, it can!