A technical deep dive into how we built the @pierre/diffs package and CodeView component for zero-blanking diff rendering at any scale.
Unified Versus Split Diff
Which is better for code reviews, a unified diff or a split diff?
Shaders
Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte and Solid.
Evaluating and Sampling Glinty NDFs in Constant Time
Geometric features between the micro and macro scales produce an expressive family of visual effects grouped under the term 'glints'. Efficiently rendering these effects amounts to finding the highlights caused by the geometry under each pixel. To allow for fast rendering, we represent our faceted geometry as a 4D point process on an implicit multiscale grid, designed to efficiently find the facets most likely to cause a highlight. The facets' normals are generated to match a given micro-facet normal distribution such as Trowbridge-Reitz (GGX) or Beckmann, to which our model converges under increasing surface area. Our method is simple to implement, memory-and-precomputation-free, allows for importance sampling and covers a wide range of different appearances such as anisotropic as well as individually colored particles. We provide a base implementation as a standalone fragment shader.
A Markdown Editor on AT Protocol — Diffdown
Diffdown — collaborative markdown editing on AT Protocol.
heerich.js
Tiny engine for 3D voxel scenes rendered to SVG — boolean ops, oblique/perspective cameras, zero dependencies.
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Preserving the Pixel Art Look in Web Content
Learn essential CSS techniques, scaling strategies, and design principles that preserve the crisp, totally-cool aesthetic of pixel graphics across high-resolution displays and responsive web environments.
tldraw: Infinite Canvas SDK for React
The tldraw SDK provides tools, services, and APIs to build beautiful whiteboards and infinite canvas applications with real-time collaboration and a powerful React-based canvas.
Ditherpunk — The article I wish I had about monochrome image dithering — surma.dev
I always loved the visual aesthetic of dithering but never knew how it’s done. So I did some research. This article may contain traces of nostalgia and none of Lena.
Modern CSS Code Snippets | modern.css
A collection of modern CSS code snippets. Every old CSS hack next to its clean, native replacement, side by side.
Modern CSS Code Snippets | modern.css
A collection of modern CSS code snippets. Every old CSS hack next to its clean, native replacement, side by side.
Open Source Barcode Generator
Zint is a free and open-source barcode generator for desktop, command line and developer workflows, supporting many linear, stacked, postal and matrix barcode formats.
How Replaced devs fixed lore display bloat with a stylish gadget
The team behind Replaced wanted a convenient way to display lore entries without having to animate every item. This led to a stylish gadget.
