Friday Issue Nr. 85 | 27/10/2023

I’m becoming a fan of the TansTack family. They just released v5 for the Query with loads of improvements. For my current project, I re-wrote Tables using https://tanstack.com/table/v8, and that was a great experience; other than that, there is plenty to read and even one fun article down the line.

JavaScript News

TansTack Query v5

v5 continues the journey of v4, trying to make TanStack Query smaller (v5 is ~20% smaller than v4), better and more intuitive to use.

https://tanstack.com/blog/announcing-tanstack-query-v5

In case you don’t know TQ: https://tanstack.com/query/latest

Modulo operator

Josh explored an interesting use case for the Modulo operator.

https://www.joshwcomeau.com/javascript/modulo-operator/

Ecma TC39 initiates a new task group to standardise source maps

https://www.ecma-international.org/news/ecma-tc39-ecmascript-initiates-a-new-task-group-to-standardize-source-maps/

TS: How to get types from arrays

https://steveholgado.com/typescript-types-from-arrays/

Select Element with horizontal rules

“The select element gets a small but mighty upgrade in Chrome 119, with a feature that also landed in Safari 17.”

https://developer.chrome.com/en/blog/hr-in-select/

js13kGames 2023 winners

What is possible with tiny JS is amazing.

https://github.blog/2023-10-13-js13k-2023-winners/

Svelte by example

This is a straightforward and nice tutorial on Svelte

https://sveltebyexample.com/

CSS News

Andy Bell re-builds website

Fascinating post about the CSS approach. Learning about Fluid Type and Fluid Space, which create responsive designs, is especially interesting. He also shows rhythm “hacks” and font definitions.

https://set.studio/reality-check-1-building-out-a-furniture-site-from-dribbble/

CSS link hover effects

Different examples on hover plus explanations of how those are achieved.

https://css-tricks.com/css-link-hover-effects/

Colour changing for SVG

https://kirupa.com/web/changing_colors_svg_css_javascript.htm

CSS framework based on Material Design 3

Probably the name tricked me to open that link

https://www.beercss.com/

Mixed News

Design

If you are interested in design, then this is a fantastic resource to dive into.

https://hackdesign.org/lessons

Design tools

Online image and vector editors

https://www.vectorpea.com/

https://www.photopea.com/

Side project

This is Friday’s fun article. The UX expert will review your web project and ensure it is easy to use, even for a drunk person. 🙂 Quite a bizarre offer, but here we go:

https://theuserisdrunk.com/