Laboratory

Interactive articles and experiments.

Local Kiklet: how I put together an almost free voice routine on macOS

Local Kiklet: how I put together an almost free voice routine on macOS

Article

In short, this is an attempt to bring voice input to a state where you want to use it every day, and not “sometimes for fun.”

macOSSwiftSpeech-to-TextAutomationProductivitySystems
Video Content Factory: how I made 84 videos in 15 minutes

Video Content Factory: how I made 84 videos in 15 minutes

Article

In short, this is an analysis of my video generation pipeline for social networks: from the “accounts are dead, we need to do something urgently” state to a working render in one pass.

JavaScriptReactVideoRemotionAutomationSystems
Interactive Functions and UX Features: cursor, magnets and interface tactility

Interactive Functions and UX Features: cursor, magnets and interface tactility

Article

How the project implements an interactive layer that makes the interface alive, but does not break readability, performance and accessibility.

JavaScriptCSSReactUXPerformanceSystems
Terminal UX and General Atmosphere: Command Palette, Transcript and interface rhythm

Terminal UX and General Atmosphere: Command Palette, Transcript and interface rhythm

Article

A detailed analysis of how the terminal UX layer is assembled in the project: from calling commands to the atmosphere of glass, noise, fonts and transitions.

JavaScriptCSSReactUXPerformanceSystems
User Personalization Layer: User personalization layer

User Personalization Layer: User personalization layer

Article

Detailed analysis of the personalization system: 13 design themes and 40+ interface languages.

CSSReactUXPerformanceSystems
Interactive Gaming System: Interactive gaming system

Interactive Gaming System: Interactive gaming system

Article

Interactive mini-games as a “reward for attention” in the portfolio

JavaScriptReactUXPerformanceSystems
Cross-browser Fixes: how to keep an interactive site stable in different browsers

Cross-browser Fixes: how to keep an interactive site stable in different browsers

Article

Extensive analysis of the cross-browser layer of the project: from hiding the cursor and glass filters to degradation on touch/reduced-motion and control of overlay layers.

JavaScriptCSSUXPerformanceSystems