Friday Issue Nr.85

2023-10-27

back

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

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/

Andris Švarcs

Somehow, I've survived over 15 years as a web developer without losing my interest in the craft. Quite the opposite, with so many great improvements in the Web standards, what was nearly impossible now is easy to make.

My career has been a wild ride through small agencies and big corporations, building everything from finance apps to health dashboards.

I'm that annoying person who needs to understand products beyond just slinging code. I ask questions like 'Why is this feature important?' and 'How will this improve the customer journey?' – you know, the kind of questions that make project managers reach for the pint aspirin. This curiosity has led me down the rabbit holes of design, accessibility, and SEO. Because apparently, making websites pretty, usable, and findable wasn't challenging enough on its own.

P.S. If this bio sounds too polished, blame my evil AI twin. I'm still working on teaching it sarcasm.

Copyright © since 2021, Andris Švarcs. All rights reserved.

Lets connect

bluesky

youtube

linkedin