Understanding Rendering in the Jamstack (SSG, ISR, DPR, DSG, …)

Can’t follow there with Jamstack’s SSG, ISR, DPR, DSG abbreviations? And what about Edge Rendering? Brian Rinaldi has a nice post explaining them all, and guiding you when to choose which. static rendering – Use this as your default. deferred rendering – Use this when you have to render a lot of pages. server-side rendering …

React Conf 2021

Last week React Conf 2021 took place, focussing on the upcoming React 18 release. I especially liked these talks, all before the 2:00:00 mark: 15:00 — React 18 Keynote 48:55 — React 18 for app developers (useDeferredValue 🔥) 1:08:03 — Streaming Server Rendering with Suspense 1:26:40 — React Developer Tooling 1:54:12 — React without memo …

The State of CSS 2021

Just like last year and the year before, Sacha Greif (with help from a team of contributers and consultants) ran “The State of CSS Survey”. This survey was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices. As such, these surveys are focused on anticipating what’s …

Emojimix — Combine two emojis into one

UPDATE 2023.09.21 If you’re looking for Google’s Emoji Mixer, go visit https://www.google.com/search?q=mix+emojis and click “Get Cooking” Combine two emojis into one. Thousands of combinations are available Some fun combos in there 😅 Emojimix — Combine two emojis into one → Related: On the web, you can position two emoji on top of each other to …

Debug memory leaks with the “Detached Elements” tool

An experimental feature in the DevTools of Microsoft Edge Canary is the “Detached Elements” tool. The “Detached Elements” tool allows you to find all nodes that are no longer attached to the document — a typical cause for leaking memory when you forget to clean them up. There are valid reasons for detaching elements from …

NodemailerApp — Cross Platform Email Debugging Application

NodeMailer is a module for Node.js applications to allow easy email sending. From the same authors also comes NodemailerApp, an application created to help you debug email. NodemailerApp includes local SMTP and POP3 servers, a sendmail replacement, catchall email domain service, AMP4Email renderer […] You can use NodemailerApp to instantly preview emails sent from your …

Bento Components

Bento is an easy to use component library that helps you achieve a great page experience. Included components are components (such as a Gallery, Accordion, Carousel, …), 3rd party embeds (Facebook, Instagram, …), text-related utilities, etc. The components themselves are (mostly) available as Web Component or a React Functional Component. An Instagram embed for example …

Identify which NPM libraries are used on a website with Bundle Scanner

Bundle Scanner identifies which npm libraries are used on any website. It downloads every Javascript file from a URL and searches through the files for code that matches one of the 35,000 most popular npm libraries. The scanning itself works in a pretty ingenious way: When a user requests to scan a website, Bundle Scanner …