Merge Conflict Logo
Sunday, August 31, 2025
Web

Frontend Development ๐ŸŽจ

React Achievements v3 (18 minutes read)

React Achievements is a library that provides a simple way to display achievements in React applications. It tracks and displays achievements, such as completing levels or earning rewards, with customizable graphics and animations. The library can be easily integrated using React Hooks for seamless integration.

i just built a minimalistic browser theremin instrument with React, that you can play with your trackpad. (Repo)

A minimalist trackpad theremin built with React and Web Audio API enables users to play sounds by pressing and gliding on the pad. Features include continuous pitch and volume mapping, quantization, and different waveforms. The app uses client-side audio rendering with customizable sound output through various controls and settings.

An Interactive Guide to SVG Paths (27 minutes read)

A comprehensive interactive guide to SVG paths covers various aspects of path creation and manipulation. The guide begins with an introduction to SVG paths, explaining their importance in digital design and illustration. It then delves into absolute and relative commands, chained curves, and miter angles, providing practical explanations and examples for each topic. The author also invites readers to practice their skills with exercises and examples, while announcing an upcoming animations course that will cover the core mechanics of SVG paths. This guide offers a thorough introduction to mastering SVG paths for digital designers and illustrators.

Learning and Resources ๐Ÿ“š

Type-Aware Linting in Oxlint (Rust Linter) (3 minutes read)

Oxlint, a Rust-based linting replacement, has introduced type-aware linting with 40 new rules, significantly improving performance. The "no-floating-promises" rule is among them, reducing file review times from minutes to seconds. This feature leverages tsgolint, initially developed for typescript-eslint/tsgolint, under the Oxc organization's umbrella.

An illustrated guide to OAuth (14 minutes read)

This illustrated guide to OAuth covers the basics of authorization framework, explaining the flow from both user and developer perspectives. It introduces front-channel (GET requests) and back-channel (POST requests), highlighting the security benefits of using PKCE when client secrets are not suitable. The guide also touches on related concepts like OpenID Connect, which builds upon OAuth to provide additional features such as user data retrieval. As a comprehensive introduction to OAuth, this resource is geared towards developers or those interested in authorization frameworks, aiming to provide a solid understanding of its security mechanisms and flow.

Teletype code cards (3 minutes read)

A collection of pocket code cards from companies and organizations in data communication and telecommunications has been digitized as a tribute to their history. Created for Teletype repairmen and professionals, the cards feature character position charts and codes. Originally used to aid in repairs, these now shareable cards are being shared online by enthusiasts and experts. This digital archive showcases the evolution of these technologies and offers a glimpse into the past. By sharing these code cards, the digital community is preserving the knowledge and expertise of those who came before, ensuring their legacy continues to inform modern telecommunications.

Browser & Platform ๐ŸŒ

Firefox is getting support for View Transitions (1 minutes read)

Mozilla developer Emilio Cobos รlvarez aims to ship CSS View Transitions by default on all platforms starting from bug 1985809. The feature has been tested on Nightly and is considered solid with minor issues remaining, but concerns or objections can be expressed. Implementation is expected to address these issues, starting soon.

The GitHub website is slow on Safari (41 minutes read)

GitHub users are experiencing performance issues with the website, particularly on Safari, including slow loading times, sluggish scrolling, autocompletion problems, and overall slowdowns. Recent changes to the UI have been cited as a potential cause, with some attributing the issue to a bug in Safari's CSS selector implementation. The discussion thread also touches on related WebKit bugs and accessibility concerns, with users like @lukehefson and @karlcow contributing their findings. The thread emphasizes the importance of testing across different browsers and devices, highlighting the need for compatibility and thorough debugging to resolve these issues effectively.

Published by Merge Conflict Digest