Issue 80  December 20th 2024

Drivey.js: An ECMAScript port of the graphics demo "Drivey"

This is a JavaScript port of the 2007 graphics demo Drivey.

Check out Drivey.js online here (it's worth a look).

Isomorphic Web Components

The lack of server-side rendering in web components has become a sort of folk belief that oft goes unquestioned. I am happy to report that the fears are unfounded.

VitePress | Vite & Vue Powered Static Site Generator

VitePress is a Static Site Generator (SSG) designed for building fast, content-centric websites. In a nutshell, VitePress takes your source content written in Markdown, applies a theme to it, and generates static HTML pages that can be easily deployed anywhere.

pruner.js - Responsive image Javascript utility using viewport-based rendering

pruner.js is a responsive image Javascript utility using viewport-based rendering. It works by splitting images into tiles and loading only the parts of the image visible within the viewport, like assembling a jigsaw puzzle. This method reduces server-side footprints compared to the current best practice of responsive images by eliminating the need for multiple image versions defined for specific breakpoints and reduces data transfer by minimising pixel waste—parts of the image outside the visible aperture.

UniWeather.js: A JavaScript library for getting weather data directly from national weather service APIs. No 3rd party weather API needed

UniWeather is a JavaScript library that unifies weather data from official APIs across the US, Canada, Mexico, and major European countries (Spain, France, Germany, UK, Italy, and Netherlands). It provides a seamless interface for fetching and normalizing weather information into a consistent format, making it easier to integrate global weather data into your applications.

All The Hacks That Make Angular Run Faster I learned The Hard Way

You know that feeling when your Angular app just doesn’t feel snappy enough? Yeah, me too. Over the years, I’ve picked up a few tricks that help optimize Angular apps by using the magic of the JavaScript event loop. These aren’t hardcore, scary-level optimizations — just practical stuff that makes your app feel way smoother.

BYOJS (Bring your own JS)

This project is dedicated to promoting the practice of building web applications with JS.

No disrespect to the extremely common approaches involving various frameworks -- which are increasingly becoming their own DSLs, even with their own compilers! -- and also no disrespect for those who like JS-looking languages like TypeScript... but it feels like a lost art to build effective web applications using the core JS language.

Cookie Store API

The Cookie Store API is a modern asynchronous alternative to document.cookie.

The Cookie Store API has been available in Chrome and Edge since version 87, released back in 2020. The API is also available in Safari Technology Preview and Firefox Nightly. Firefox and Safari decided to implement only a subset of the API, which is what I will cover in this article. A polyfill is available.

Understanding Angular at Its Core: Key Concepts, Utilities and Best Practices

Here’s a structured organization of the Angular topics, grouped by their categories and relationships.

Exploring JavaScript (ES2024 Edition)

Read all chapters online for free.

Site has a very convenient "New JavaScript features" chapter which lists what’s new in recent ECMAScript versions – in reverse chronological order.

The Insecurity of OAuth 2.0 in Frontends

This video is a deep dive into securing OAuth tokens in browser based front ends, such as single page applications written in React, Vue, or Angular.

Dr. Philippe De Ryck discusses scenarios, threats, and mitigations.