Friday Issue Nr. 84 | 20/10/2023

Another week with loads of news. Also, there is pretty mixed news from “naming in programming” to the oldest bug (22 years!). Intriguing, right? 🙂

JavaScript

Naming in programming

Great advice on how to name things in programming.

https://wasp-lang.dev/blog/2023/10/12/on-importance-of-naming-in-programming

Flowbite Svelte

The Svelte component library has everything you need for a solid WebApp.

https://flowbite-svelte.com/

Astro 3.3

New <Picture /> component

Syntax highlighting improvements

Package Provenance

https://astro.build/blog/astro-330/

Scroll-driven animations

This looks like fun to go through and learn.

https://scroll-driven-animations.style/

QX82 - tiny JS engine that lets you create games

That brings some nostalgia 🙂

https://btco.github.io/qx82/

Responsive Table

It's probably not useful for a massive table. However, for a quick overview on mobile, it would work nicely.

https://github.com/zachleat/table-saw

Demo. Try resizing the table “Using container Queries.”

https://zachleat.github.io/table-saw/demo.html

Chrome 118

There are quite a few improvements around dev tools. Improved and enhanced search, improved namings around the dev tool, new section for custom props and more

https://developer.chrome.com/blog/new-in-devtools-118/

CSS News

When margins collapse

This is a fun article. I knew about margins’ vertical collapse, but I never thought to use <br/> tag between elements to increase margin. That’s like cheating, right?

https://medium.com/@RitikaAgrawal08/the-6-must-know-rules-of-margin-collapsing-in-css-56968836827d

CSS @Scope at-rule

https://developer.chrome.com/articles/at-scope/

Also, there is not much support for this selector yet.

When to nest CSS

There’s a simple answer and a slightly more complicated answer. The simple answer is “avoid nesting.” The more practical but also more complex answer is “nest pseudo-selectors, parent modifiers, media queries, and selectors that don’t work without nesting.”

https://cloudfour.com/thinks/when-to-nest-css/

CSS only pufferfish

https://codepen.io/MackFitz/pen/LYMJVEr

Mixed News

How a 23-year-old first-time Firefox coder fixed a 22-year-old bug

Some bugs have a long life.

https://arstechnica.com/gadgets/2023/10/22-year-old-firefox-tooltip-bug-fixed-in-a-few-lines-offering-hope-to-us-all/

Fastest Human-Made Object: 394 000 MPH

I got sideways but found this article fascinating. Something humans made goes with a speed of 690,000 km/h.

https://www.theautopian.com/theres-a-new-record-for-the-fastest-human-made-object-394736-mph/

Here is a wiki:

https://en.wikipedia.org/wiki/Parker_Solar_Probe

Using AI to summarise any podcast episode.

I like how Mike went from the itch to the product. Sadly, there is no code, but the story is still lovely.

https://mikebifulco.com/newsletter/build-something-useful-with-ai