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 9 total posts

  • Read Guide
    Animation hero with dark theme, gold accents, and a luminous WebGL-style background for an event landing page.
    9 min read

    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.

  • Read Report
    Projects Screenshot of the hackmichigan.com site showing the hackathon branding and layout.
    5 min read

    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 A screenshot of the Storyblok interface, showing the clinic events user interface.
    4 min read

    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
    2 min read

    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 Design system logo
    5 min read

    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 3D printer in operation, with its print head moving along metal rails as it builds an object. The machine’s interior is lit with a cool blue light, and a person works at a nearby computer workstation with a keyboard and mouse visible in the foreground.
    3 min read

    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.