Posts

Showing posts with the label Accessibility

Syncing a YouTube Caption Bar with Video Time and Binary Search

Making captions larger sounds like a CSS task. The difficult part begins after the bar exists: it must follow playback, react immediately after a seek, survive YouTube's single-page navigation, and avoid rewriting the DOM hundreds of times for the same sentence. This article describes the synchronization core of YouTube Big Caption Bar, a Manifest V3 Chrome extension that places a large reading bar above a YouTube video. The design uses the media element as its clock, a sorted transcript as its timeline, binary search as its matcher, and a small amount of state to prevent unnecessary rendering. The short version Read time from the video, normalize cues into one sorted array, locate the active cue with binary search, and touch the DOM only when that cue changes. Reset the whole loop when YouTube navigates to another video. Treat the video element as the source of truth Do not build a separate stopwatch. Playback can pause, buffer, change speed, or jump after the user seeks...

Simple Side Note 1.0.2: Bigger Text, Faster Formatting, and Auto-Save

Image
Update summary: Simple Side Note 1.0.2 increases the default text size, replaces a crowded formatting toolbar with direct controls, and saves the current note before creating another one. A side panel has different readability needs Simple Side Note started as a personal tool for keeping notes beside articles, documentation, videos, and AI-assisted research. The first editor used 14 px text, which looked acceptable in isolation but felt too small during a long reading session. Version 1.0.2 raises the default editor size to 18 px. The change reduces the amount of text visible at once, but that is a reasonable trade-off in a narrow panel where readability matters more than page density. The larger default is particularly useful beside: technical documentation; video transcripts; language-learning material; long search or research results; code review notes. Direct font-size controls Instead of hiding common actions in a general formatting menu, the editor provides dir...