Three.js in the hero: color, motion, and just enough wow
A WebGL hero earns its keep when color and motion serve the story—and when you ship pause controls, static fallbacks, and a hard DPR cap alongside the shimmer.
Blog and musings from Shrinkray Labs
Documenting our experiments in accessible design, clinical engineering, and the future of headless content systems. Welcome to the lab.
Recent Laboratory Reports
Post 2 through 7 of 8 total posts
Read Report Projects
Sanity, n8n, and Hack Michigan: letting organizers ship during the event
Headless content plus a controlled automation layer moves publishing out of the developer lane when the clock is the event itself.
Read Research Projects
Choosing Storyblok: A Simpler, More Maintainable Content Strategy
Why I chose Storyblok instead of Sanity for this SvelteKit project. An intuitive CMS gives the client the ability to update events and, later, other content—without needing developer assistance.
Read Report Tutorial
A plan to add Sanity to a Sveltekit project
The client's needs are vast and will are overwhelming to keep up with requests to update static content. Adding a CMS to the mix will empower and take away the burden of developer contributions.
View Specs Tutorials
Building an Accessible Icon Button
Buttons should work for all. A reliance on font libraries like Font Awesome encourages building fast but creating slower apps. A compromise that enables icons without needing to hide them from screen readers is the approach.
Case Study Projects
A new look for a makerspace website: the BiG Fab Lab
A WordPress website redesign project for the BiG Fab Lab makerspace, featuring custom Gutenberg blocks built with ACF.
Code Docs WordPress
Steps to setup a new block plugin for WordPress
Building WordPress custom block plugins are the way to deliver custom functionality to your customers.