Frontend Focus: 3D Carousels, The Underused <time> Element, and Gesture Controls

Published on 16.12.2025

motyl.dev<div></div></>FRONTEND

The Mechanics Behind a Scroll-Driven Circular 3D Carousel with Three.js and Post-Processing

TLDR: A deep-dive into creating a scroll-driven 3D carousel using Three.js. The article covers everything from the basic math of circular layouts to advanced post-processing effects for a polished result.

The Mechanics Behind a Scroll-Driven Circular 3D Carousel with Three.js and Post-Processing

The <time> element should actually do something

TLDR: The HTML <time> element, despite its semantic potential, is largely ignored by browsers and assistive technologies. The author argues that this is a missed opportunity for creating richer user experiences.

The <time> element should actually do something

Advent of AI 2025 - Day 5: I Built a Touchless Flight Tracker You Control With Hand Gestures

TLDR: A developer created a touchless flight tracker that uses hand gestures to control the interface. The project uses MediaPipe for hand tracking and the OpenSky Network API for flight data.

Advent of AI 2025 - Day 5: I Built a Touchless Flight Tracker You Control With Hand Gestures

JSDoc is TypeScript

TLDR: The author argues that JSDoc is not an alternative to TypeScript, but rather a way of using TypeScript. The TypeScript language service is what powers the type-checking and IntelliSense for JSDoc.

JSDoc is TypeScript

Buttony

TLDR: A curated collection of 20 animated button styles for web projects. The collection showcases a variety of hover and click effects.

Buttony