Skip to content
← ~/notes
AKAVA / ARCHIVE
Category: Web-design
Inline SVG vs IMG: Which Should You Use on the Web?SVG is one of those web technologies that looks simple until you have to decide how to actually put it on the page. You have an illustration: hero-illustration.svg…
↗
Build an Accessible Cmd+K Command Palette in JavaScriptThis article is for developers looking for a practical Cmd+K command palette, accessible site search, vanilla JavaScript search UI, WordPress search alternatives, Spotlight-style navigation, and keyboard-first website navigation.…
↗
Morph a Card Into a Modal with View TransitionsThis is a practical front-end article for developers researching the View Transitions API, shared-element transitions, native <dialog>, portfolio interactions, modal animation, and lightweight alternatives to GSAP Flip. The…
↗
Sticky Product Story with CSS and Vanilla JavaScriptBuilding a Sticky Product Story Without WebGL One interaction pattern keeps appearing in high-end product websites: the product stops behaving like an illustration attached to a section and…
↗
Building an Accessible Terminal UI with Vanilla JavaScriptA terminal-style interface can be more than a visual trick. Here’s how I built one with semantic HTML, vanilla JavaScript, visible commands and accessibility baked in from the…
↗
Scroll Velocity Typography with Vanilla JavaScriptLarge typography meets scroll velocity. A vanilla JavaScript experiment where text reacts to how fast you scroll, not just where you are.
↗