Issue 26  December 8th 2023

MAXIM models | UpscalerJS

UpscalerJS was originally created in 2020 with a primary goal of upscaling images. So far, all the models have been exclusively focused on super resolution.

Today I'm releasing a new family of MAXIM models for UpscalerJS that enable a variety of new image enhancement techniques, including:

• Deblurring
• Denoising
• Deraining
• Dehazing (both indoor and outdoor)
• Low Light Enhancement
• Retouching

These models are available in Javascript via UpscalerJS, and run in both the browser and Node.js.

Let’s learn how modern JavaScript frameworks work by building one

In my day job, I work on a JavaScript framework (LWC). And although I’ve been working on it for almost three years, I still feel like a dilettante. When I read about what’s going on in the larger framework world, I often feel overwhelmed by all the things I don’t know.

A new method to validate URLs in JavaScript (2023 edition)

Learn how to validate URLs with the new static JavaScript method URL.canParse().

Atropos - Stunning touch-friendly 3D parallax hover effects

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

Available for JavaScript, React and as WebComponent (for use with Angular, Vue, Svelte, Solid and other frameworks).

Event Based State Management

I’ve been fiddling around with the EventTarget API lately and have been enjoying the utility it provides in multi-package environments and complex web applications which don’t rely on a “Context” -like API.

Well, here comes the fun part: As it’s an extendable class, you can make pretty much anything a EventTarget. It can be a regular Javascript class, it can be an DOM elements, anything!

And with this freedom, we can extend this event based functionality outside of the DOM. We can implement the same way to handle communication between parts of our software the same way we can implement communication between DOM nodes.

All JavaScript and TypeScript Features of the last 3 years

This article goes through almost all of the changes of the last 3 years (and some from earlier) in JavaScript / ECMAScript and TypeScript .

Not all of the following features will be relevant to you or even practical, but they should instead serve to show what’s possible and to deepen your understanding of these languages.

StyleX - The styling system that powers facebook.com instagram.com whatsapp.com threads.net

StyleX is a simple, easy to use JavaScript syntax and compiler for styling web apps.

StyleX combines the strengths and avoids the weaknesses of both inline styles and static CSS. Defining and using styles requires only local knowledge within a component, and avoids specificity issues while retaining features like Media Queries. StyleX builds optimized styles using collision-free atomic CSS which is superior to what could be authored and maintained by hand.

3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting

Explore the creation of a 3D glass portal with React Three Fiber, with optimized rendering using Gaussian Splatting and integrating real-world objects.