RaijinStudios

Capabilities lab

Working demos, not promises.

Four small experiments that show how we build. Each one is production code on this very site, served under the same strict Content-Security-Policy as everything else: no inline scripts, no inline styles, no third-party code. They work with a keyboard, announce themselves to screen readers, and respect your motion settings.

Experiments

Pick one and try it.

You can also press Ctrl+K anywhere on the site to search every page.

Accessible components

Tabs, a modal dialog with a real focus trap, and an accordion, all operable by keyboard alone.

Open components

Form patterns

Inline validation that tells people what went wrong, linked to the field and announced to assistive technology.

Open forms

Scroll-driven motion

Animation driven by scroll position in pure CSS, with no JavaScript and a full reduced-motion fallback.

Open motion

Responsive images

The same picture in several real sizes, so a phone downloads a fraction of what a desktop does.

Open images

Why it matters

Quality you can feel and check.

Fast, accessible and secure is easy to claim. These pages let you test it: tab through them, turn on a screen reader, switch on reduced motion, or open the developer tools and look for a single inline script. You will not find one.

For a local business this means more customers can use your site, including people on slow phones, people using assistive technology, and people who simply prefer a keyboard.

Ready for a faster, safer website?

Tell us about your business. We review your current site first, reply within one business day, and there is no obligation.

Search this site

Type to search the site.

Ctrl K / ⌘K to open, ↑ ↓ to move, Enter to go, Esc to close.