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: <a href= "https://goo.gle/3ns4TTK">https://goo.gle/3ns4TTK</a>

<description>&lt;p&gt;&lt;span style="font-weight: 400;"&gt;In this episode:&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;- Surma changed jobs.&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;- The Shopify interview process.&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;- Pair programming vs pair problem solving.&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;- Surma's also doing bits of work for Deno.&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;- The complexities of testing image codecs.&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;- Jake forgot to tell Ada how HTTP 203 filming ends, so it almost never did.&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;- Keeping animations fast but simple for page transitions.&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;br /&gt; &lt;span style="font-weight: 400;"&gt;Transcript:&lt;/span&gt; &lt;a href= "https://goo.gle/3ns4TTK"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3ns4TTK&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;</description>

Also testing image codecs, and how episodes of HTTP 203 end

Changing jobs, Deno, and optimizing animations

Transcript - <a href= "https://goo.gle/3wZTwWS">https://goo.gle/3wZTwWS</a>  Surma's talk about brain-click - <a href="https://goo.gle/3oYED3R">https://goo.gle/3oYED3R</a>  Is Chrome removing view-source? (no) Studio lighting - <a href="https://goo.gle/3oAvQVo">https://goo.gle/3oAvQVo</a>  Jake's Twitter thread about view-source - <a href="https://goo.gle/3kQHV7L">https://goo.gle/3kQHV7L</a>  Bathroom designs The HTTP203 episode on Deno - <a href="https://goo.gle/3CsAee8">https://goo.gle/3CsAee8</a>  Jake's CORS article - <a href="https://goo.gle/3x1lrWo">https://goo.gle/3x1lrWo</a>  Deno deploy - <a href= "https://goo.gle/3Cv45lZ">https://goo.gle/3Cv45lZ</a>  The little Deno server Jake wrote - <a href="https://goo.gle/30A2Zsw">https://goo.gle/30A2Zsw</a>  Jake's wikipedia search thing - <a href="https://goo.gle/3CzarAJ">https://goo.gle/3CzarAJ</a>  Color spaces and dithering Surma's article on dithering - <a href="https://goo.gle/3FsyH9B">https://goo.gle/3FsyH9B</a>  Tom Scott's video on the Pulfrich Effect - <a href= "https://goo.gle/3nre4EM">https://goo.gle/3nre4EM</a>  Shared element transitions - <a href="https://goo.gle/3FwtGNA">https://goo.gle/3FwtGNA</a>  CSS cross-fade function - <a href="https://goo.gle/2YZfltc">https://goo.gle/2YZfltc</a>  Compositing on the web - <a href="https://goo.gle/30xqe5Y">https://goo.gle/30xqe5Y</a>  Michael Caine trying to do an American accent - <a href= "https://goo.gle/3Fus0Uw">https://goo.gle/3Fus0Uw</a>    Catch videos from the HTTP 203 series → <a href="http://goo.gle/HTTP203">http://goo.gle/HTTP203</a>   Subscribe to Google Chrome Developers → <a href= "https://goo.gle/ChromeDevs">https://goo.gle/ChromeDevs</a>

<description>&lt;p&gt;&lt;span style="font-weight: 400;"&gt;Transcript -&lt;/span&gt; &lt;a href= "https://goo.gle/3wZTwWS"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3wZTwWS&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Surma's talk about brain-click -&lt;/span&gt; &lt;a href="https://goo.gle/3oYED3R"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3oYED3R&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Is Chrome removing view-source? (no)&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Studio lighting -&lt;/span&gt; &lt;a href="https://goo.gle/3oAvQVo"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3oAvQVo&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Jake's Twitter thread about view-source -&lt;/span&gt; &lt;a href="https://goo.gle/3kQHV7L"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3kQHV7L&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Bathroom designs&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;The HTTP203 episode on Deno -&lt;/span&gt; &lt;a href="https://goo.gle/3CsAee8"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3CsAee8&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Jake's CORS article -&lt;/span&gt; &lt;a href="https://goo.gle/3x1lrWo"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3x1lrWo&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Deno deploy -&lt;/span&gt; &lt;a href= "https://goo.gle/3Cv45lZ"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3Cv45lZ&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;The little Deno server Jake wrote -&lt;/span&gt; &lt;a href="https://goo.gle/30A2Zsw"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/30A2Zsw&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Jake's wikipedia search thing -&lt;/span&gt; &lt;a href="https://goo.gle/3CzarAJ"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3CzarAJ&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Color spaces and dithering&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Surma's article on dithering -&lt;/span&gt; &lt;a href="https://goo.gle/3FsyH9B"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3FsyH9B&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Tom Scott's video on the Pulfrich Effect -&lt;/span&gt; &lt;a href= "https://goo.gle/3nre4EM"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3nre4EM&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Shared element transitions -&lt;/span&gt; &lt;a href="https://goo.gle/3FwtGNA"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3FwtGNA&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;CSS cross-fade function -&lt;/span&gt; &lt;a href="https://goo.gle/2YZfltc"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/2YZfltc&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Compositing on the web -&lt;/span&gt; &lt;a href="https://goo.gle/30xqe5Y"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/30xqe5Y&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Michael Caine trying to do an American accent -&lt;/span&gt; &lt;a href= "https://goo.gle/3Fus0Uw"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3Fus0Uw&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Catch videos from the HTTP 203 series →&lt;/span&gt; &lt;a href="http://goo.gle/HTTP203"&gt;&lt;span style= "font-weight: 400;"&gt;http://goo.gle/HTTP203&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt;  &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Subscribe to Google Chrome Developers →&lt;/span&gt; &lt;a href= "https://goo.gle/ChromeDevs"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/ChromeDevs&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;</description>

Transcript -   Surma's talk about brain-click -   Is Chrome removing view-source? (no) Studio lighting -   Jake's Twitter thread about view-source -   Bathroom designs The HTTP203 episode on Deno -   Jake's CORS article -...

Deno, dithering, and bathrooms

In this episode, Surma and Jake chat about:   <ul> <li style="font-weight: 400;" aria-level="1">Transcript → <a href= "https://goo.gle/2XHz1Rz">https://goo.gle/2XHz1Rz</a> </li> <li style="font-weight: 400;" aria-level="1">HTTP 203 on memory debugging → <a href= "https://goo.gle/2VDXRAQ">https://goo.gle/2VDXRAQ</a> </li> <li style="font-weight: 400;" aria-level="1">Box-sizing → <a href= "https://goo.gle/3jDvH0R">https://goo.gle/3jDvH0R</a> </li> <li style="font-weight: 400;" aria-level="1">IE5.5 box model → <a href= "https://goo.gle/3izbY39">https://goo.gle/3izbY39</a> </li> <li style="font-weight: 400;" aria-level="1">Tim Perry's article → <a href= "https://goo.gle/3jFeWCx">https://goo.gle/3jFeWCx</a> </li> <li style="font-weight: 400;" aria-level="1">IE double margin bug → <a href= "https://goo.gle/3xzKWNi">https://goo.gle/3xzKWNi</a> </li> <li style="font-weight: 400;" aria-level="1">IE duplicate characters bug → <a href= "https://goo.gle/2U5M7X7">https://goo.gle/2U5M7X7</a> </li> <li style="font-weight: 400;" aria-level="1">Dave Rupert's article → <a href= "https://goo.gle/37CAI45">https://goo.gle/37CAI45</a> </li> <li style="font-weight: 400;" aria-level="1">PROXX → <a href= "https://goo.gle/3iAQbrQ">https://goo.gle/3iAQbrQ</a> </li> <li style="font-weight: 400;" aria-level="1">Weird emails from browser testing services → <a href="https://goo.gle/3fKQazB">https://goo.gle/3fKQazB</a> </li> </ul>   Catch videos from the HTTP 203 series → <a href="http://goo.gle/HTTP203">http://goo.gle/HTTP203</a>  Subscribe to Google Chrome Developers → <a href= "https://goo.gle/ChromeDevs">https://goo.gle/ChromeDevs</a>

<description>&lt;p&gt;&lt;span style="font-weight: 400;"&gt;In this episode, Surma and Jake chat about:&lt;/span&gt;&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;ul&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;Transcript → &lt;a href= "https://goo.gle/2XHz1Rz"&gt;https://goo.gle/2XHz1Rz&lt;/a&gt; &lt;/span&gt;&lt;/li&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;HTTP 203 on memory debugging →&lt;/span&gt; &lt;a href= "https://goo.gle/2VDXRAQ"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/2VDXRAQ&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/li&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;Box-sizing →&lt;/span&gt; &lt;a href= "https://goo.gle/3jDvH0R"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3jDvH0R&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/li&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;IE5.5 box model →&lt;/span&gt; &lt;a href= "https://goo.gle/3izbY39"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3izbY39&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/li&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;Tim Perry's article →&lt;/span&gt; &lt;a href= "https://goo.gle/3jFeWCx"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3jFeWCx&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/li&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;IE double margin bug →&lt;/span&gt; &lt;a href= "https://goo.gle/3xzKWNi"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3xzKWNi&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/li&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;IE duplicate characters bug →&lt;/span&gt; &lt;a href= "https://goo.gle/2U5M7X7"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/2U5M7X7&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/li&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;Dave Rupert's article →&lt;/span&gt; &lt;a href= "https://goo.gle/37CAI45"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/37CAI45&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/li&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;PROXX →&lt;/span&gt; &lt;a href= "https://goo.gle/3iAQbrQ"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3iAQbrQ&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/li&gt; &lt;li style="font-weight: 400;" aria-level="1"&gt;&lt;span style= "font-weight: 400;"&gt;Weird emails from browser testing services →&lt;/span&gt; &lt;a href="https://goo.gle/3fKQazB"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3fKQazB&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Catch videos from the HTTP 203 series →&lt;/span&gt; &lt;a href="http://goo.gle/HTTP203"&gt;&lt;span style= "font-weight: 400;"&gt;http://goo.gle/HTTP203&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Subscribe to Google Chrome Developers →&lt;/span&gt; &lt;a href= "https://goo.gle/ChromeDevs"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/ChromeDevs&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;</description>

And lots of tangents

Is Safari the new IE?

In this episode, Surma and Jake chat about:   Jake's 100kAMA, pose questions here → <a href="https://goo.gle/3swYDKz">https://goo.gle/3swYDKz</a>  Jake's 'bake-dancing' → <a href= "https://goo.gle/3ajBFjx">https://goo.gle/3ajBFjx</a>  The wee scale Hype trains Esbuild → <a href= "https://goo.gle/3go1Nhc">https://goo.gle/3go1Nhc</a>  Squoosh → <a href= "https://squoosh.app/">https://squoosh.app/</a>  Surma's JPEG-XL art tool → <a href= "https://goo.gle/3n1kCYT">https://goo.gle/3n1kCYT</a>  tooling.report → <a href= "https://tooling.report/">https://tooling.report/</a>  JPEG-XL comparison → <a href= "https://goo.gle/3x5hhN5">https://goo.gle/3x5hhN5</a>  JPEG-XL features The quality of web images React on initial HTML → <a href= "https://goo.gle/3n3OwLZ">https://goo.gle/3n3OwLZ</a>  What does 'inline CSS' mean? F1 website performance → <a href="https://goo.gle/3v8e6CB">https://goo.gle/3v8e6CB</a>  AVIF blur preview → <a href= "https://goo.gle/3dsjk63">https://goo.gle/3dsjk63</a>  Progressive rendering → <a href= "https://goo.gle/3ecNjOC">https://goo.gle/3ecNjOC</a>  Google I/O → <a href= "https://goo.gle/32tCVwc">https://goo.gle/32tCVwc</a>

<description>&lt;p&gt;&lt;span style="font-weight: 400;"&gt;In this episode, Surma and Jake chat about:&lt;/span&gt;&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Jake's 100kAMA, pose questions here →&lt;/span&gt; &lt;a href="https://goo.gle/3swYDKz"&gt;&lt;span style= "font-weight: 400;"&gt;https://goo.gle/3swYDKz&lt;/span&gt;&lt;/a&gt;&lt;span style= "font-weight: 400;"&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Jake's 'bake-dancing' → &lt;a href= "https://goo.gle/3ajBFjx"&gt;https://goo.gle/3ajBFjx&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;The wee scale&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Hype trains&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Esbuild → &lt;a href= "https://goo.gle/3go1Nhc"&gt;https://goo.gle/3go1Nhc&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Squoosh → &lt;a href= "https://squoosh.app/"&gt;https://squoosh.app/&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Surma's JPEG-XL art tool → &lt;a href= "https://goo.gle/3n1kCYT"&gt;https://goo.gle/3n1kCYT&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;tooling.report → &lt;a href= "https://tooling.report/"&gt;https://tooling.report/&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;JPEG-XL comparison → &lt;a href= "https://goo.gle/3x5hhN5"&gt;https://goo.gle/3x5hhN5&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;JPEG-XL features&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;The quality of web images&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;React on initial HTML → &lt;a href= "https://goo.gle/3n3OwLZ"&gt;https://goo.gle/3n3OwLZ&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;What does 'inline CSS' mean?&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;F1 website performance → &lt;a href="https://goo.gle/3v8e6CB"&gt;https://goo.gle/3v8e6CB&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;AVIF blur preview → &lt;a href= "https://goo.gle/3dsjk63"&gt;https://goo.gle/3dsjk63&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Progressive rendering → &lt;a href= "https://goo.gle/3ecNjOC"&gt;https://goo.gle/3ecNjOC&lt;/a&gt; &lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="font-weight: 400;"&gt;Google I/O → &lt;a href= "https://goo.gle/32tCVwc"&gt;https://goo.gle/32tCVwc&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;</description>

Also image previews, performance, and WASM

When the hype train turns out to be a bus replacement service

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 → <a href= "http://goo.gle/3pi4sL5">http://goo.gle/3pi4sL5</a> Surma's → <a href= "http://goo.gle/39dg8sK">http://goo.gle/39dg8sK</a> 11ty → <a href= "https://www.11ty.dev/">https://www.11ty.dev/</a> Jake's static build → <a href= "http://goo.gle/2Mi7254">http://goo.gle/2Mi7254</a> Hydrated components in Jake's posts → <a href= "http://goo.gle/3a0DOjt">http://goo.gle/3a0DOjt</a> And where those are processed → <a href= "http://goo.gle/36c8qgB">http://goo.gle/36c8qgB</a> Surma's dithering post → <a href= "http://goo.gle/3c8c8f2">http://goo.gle/3c8c8f2</a>   Cats and laser pens Dogs and teeth Improving the safety of Jedi training   The old _blank behaviour → <a href= "http://goo.gle/3ojucoS">http://goo.gle/3ojucoS</a> The spec change → <a href= "http://goo.gle/2YednBo">http://goo.gle/2YednBo</a> The browsing context → <a href= "http://goo.gle/2M5R0vf">http://goo.gle/2M5R0vf</a> Cross-origin-opener-policy → <a href= "http://goo.gle/2Mi7kZI">http://goo.gle/2Mi7kZI</a> window.open → <a href= "http://goo.gle/3cfBPup">http://goo.gle/3cfBPup</a> Back/forward cache → <a href= "https://web.dev/bfcache/">https://web.dev/bfcache/</a>   Old blocks proposal → <a href= "http://goo.gle/2M4SeqL">http://goo.gle/2M4SeqL</a> New blocks proposal → <a href= "http://goo.gle/2Yd7iVK">http://goo.gle/2Yd7iVK</a>   Lockdown dreams Lottery fail → <a href= "https://goo.gle/2M1EgpA">https://goo.gle/2M1EgpA</a>

<description>&lt;p&gt;In this episode of the top-10-most-popular-JavaScript podcast, Jake and Surma chat about:&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;Using our blogs to experiment with build systems.&lt;/p&gt; &lt;p&gt;Jake's → &lt;a href= "http://goo.gle/3pi4sL5"&gt;http://goo.gle/3pi4sL5&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Surma's → &lt;a href= "http://goo.gle/39dg8sK"&gt;http://goo.gle/39dg8sK&lt;/a&gt;&lt;/p&gt; &lt;p&gt;11ty → &lt;a href= "https://www.11ty.dev/"&gt;https://www.11ty.dev/&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Jake's static build → &lt;a href= "http://goo.gle/2Mi7254"&gt;http://goo.gle/2Mi7254&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Hydrated components in Jake's posts → &lt;a href= "http://goo.gle/3a0DOjt"&gt;http://goo.gle/3a0DOjt&lt;/a&gt;&lt;/p&gt; &lt;p&gt;And where those are processed → &lt;a href= "http://goo.gle/36c8qgB"&gt;http://goo.gle/36c8qgB&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Surma's dithering post → &lt;a href= "http://goo.gle/3c8c8f2"&gt;http://goo.gle/3c8c8f2&lt;/a&gt;&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;Cats and laser pens&lt;/p&gt; &lt;p&gt;Dogs and teeth&lt;/p&gt; &lt;p&gt;Improving the safety of Jedi training&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;The old _blank behaviour → &lt;a href= "http://goo.gle/3ojucoS"&gt;http://goo.gle/3ojucoS&lt;/a&gt;&lt;/p&gt; &lt;p&gt;The spec change → &lt;a href= "http://goo.gle/2YednBo"&gt;http://goo.gle/2YednBo&lt;/a&gt;&lt;/p&gt; &lt;p&gt;The browsing context → &lt;a href= "http://goo.gle/2M5R0vf"&gt;http://goo.gle/2M5R0vf&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Cross-origin-opener-policy → &lt;a href= "http://goo.gle/2Mi7kZI"&gt;http://goo.gle/2Mi7kZI&lt;/a&gt;&lt;/p&gt; &lt;p&gt;window.open → &lt;a href= "http://goo.gle/3cfBPup"&gt;http://goo.gle/3cfBPup&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Back/forward cache → &lt;a href= "https://web.dev/bfcache/"&gt;https://web.dev/bfcache/&lt;/a&gt;&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;Old blocks proposal → &lt;a href= "http://goo.gle/2M4SeqL"&gt;http://goo.gle/2M4SeqL&lt;/a&gt;&lt;/p&gt; &lt;p&gt;New blocks proposal → &lt;a href= "http://goo.gle/2Yd7iVK"&gt;http://goo.gle/2Yd7iVK&lt;/a&gt;&lt;/p&gt; &lt;p&gt; &lt;/p&gt; &lt;p&gt;Lockdown dreams&lt;/p&gt; &lt;p&gt;Lottery fail → &lt;a href= "https://goo.gle/2M1EgpA"&gt;https://goo.gle/2M1EgpA&lt;/a&gt;&lt;/p&gt;</description>

Also, dog teeth, Jedi safety, and limescale

Blog build tools, JS blocks, and opener-policy

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

HTTP 203

Details

Recent Episodes