Friday Issue Nr.107

2024-04-12

back

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

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