The big build-tool bonanza

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

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

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

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

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

- 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

- 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.

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.

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.

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.

Also native filesystem, listener questions, and TMI.

Also performance, progressive enhancement, and hand-drying.

Also, top fashion and career advice.

Also cache invalidation, server rendering, and learning curves.

Also how do you do TODO?

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

Also, PROXX, forms, and auto.

Also camping, compositing, and building games.

Also clip-path, bread, and urinals again.

Also share target, shadow parts, and streams.

Also zombie optimizations and alphabets

Also page-lifecycle, WASM, and massages.

Also spices, screen-touchers, and lasers.

Lighthouse and automation.

Exciting things appearing in V8.

Making search and JavaScript better friends.

Making Chrome secure.

What's new in DevTools.

Getting performance right.

How Chrome began.

How we got started on the web.

Shipping new a11y features.

Informative mouth-words.

The state of the union of the web.

Also quizzes, privilege, and screen readers.

Also webpack + workers, observables, and resize observers.

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

With a limit of two minutes per topic.

WebRTC again, and about:blank weirdness.

Iframes, WeakMaps, and WebRTC.

Viewports and message ports.

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

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

Jake is worse at quizzes than Paul.

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

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

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

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

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

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