Friday Issue Nr. 107 | 12/05/2024

A couple of good posts about Svelte, a visually appealing JavaScript playground, VitePress, and a good overview of DevTools. Also, CSS has a few interesting reads about Units, animations, and the framework Bulma 1.0, which I didn’t know anything about.

JavaScript News

Visualised Promise Execution

https://www.lydiahallie.com/blog/promise-execution

VitePress 1.0

VitePress is built on top of Vite and Vue. It is a Static Site Generator (SSG) that takes Markdown, applies a theme and generates static HTML.

https://blog.vuejs.org/posts/vitepress-1.0

Very nice JavaScript Playground

https://runjs.app/play

Building a Micro HTMX SSR Framework

It looks like HTMX won’t go away, and developers love it. Definitely, there is a use case for HTMX.

https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework

From React to Svelte in three weeks

As a Svelte hobbyist, I agree with this post!

“Svelte is way more fun to code than React, though I think it’s going to become even more fun when Svelte 5 is released”.

https://dusty.phillips.codes/2024/03/20/we-rewrote-our-react-app-in-svelte-in-three-weeks/

Frontend Development Beyond React

This is the first post in the series, starting with Svelte.

https://itnext.io/frontend-development-beyond-react-svelte-1-3-f47eda22cba5

DevTools Tips & Tricks

https://frontendmasters.com/blog/devtools-tips-tricks/

CSS News

Bulma 1.0

CSS framework. No JavaScript is needed, and it is easy to start and use it.

https://bulma.io/

Folding the DOM

Josh Comeau wrote another excellent article. There is also a fantastic demo with a 3D shooter done with CSS and HTML.

https://www.joshwcomeau.com/react/folding-the-dom/

When to use Absolute length units

https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/absolute-length-units

Speaking about units, here is a good overview of vh, dvh, lvh and svh units.

https://webdesign.tutsplus.com/learn-these-viewport-relative-css-units-100vh-100dvh-100lvh-100svh--cms-108537t

Creating wavy circles with fancy animations in CSS

https://frontendmasters.com/blog/creating-wavy-circles-with-fancy-animations/

2D and 3D animations using CSS with interactive examples

https://www.shvarcs.com/thoughts/2d-3d-animations-with-css/

Mixed News

The things users would appreciate in mobile apps

This is a UX article, but I find it very valuable. It has good examples of form usage, select boxes, viewports, keyboards, etc.

https://www.smashingmagazine.com/2024/04/things-users-would-appreciate-mobile-apps/

Why should developers write?

https://evilmartians.com/chronicles/why-should-developers-write-3-reasons-and-3-common-blocks

Comment on Mastodon