roach.link

RunJS

https://roach.link/n — app,development,javascript,tools

Explore and experiment with JavaScript and TypeScript, visualise your ideas and get instant feedback as you type.

There are many times I want to experiment with some JavaScript code without having to wait for compilers and local development environments to catch up. I normally just open up a blank browser tab and use the console in dev tools. This app has made it so much easier to experiment and try small snippets of code

SmolCSS

https://roach.link/m — CSS

Minimal snippets for modern CSS layouts and components

Create app

https://roach.link/k — development,tools

Frontend build config generator.

Right-to-left Styling

https://roach.link/j — CSS,design,typography

RTL Styling 101 An extensive guide on how to style for RTL in CSS

The lessons learnt creating a design system for BBC Online

https://roach.link/i — React,design systems

Dave Morris and Josh Tumath reflect on making a design system and React front-end for the new BBC website

Assistiv Labs

https://roach.link/h — a11y,tools

Instantly test how accessible your experience is with the real assistive technologies your disabled users rely on — screen readers, magnifiers, and more — from any computer.

Pika

https://roach.link/g — a11y,app

Pika (pronounced pi·kuh, like picker) is an easy to use, open-source, native colour picker for macOS. Pika makes it simple to quickly find colours onscreen, in the format you need, so you can get on with being a speedy, successful designer.

Beautiful Web Type

https://roach.link/f — fonts,typography

"Guide to Only the Best Open-Source Typefaces"

No Hello!

https://roach.link/e — communication,fun,slack

Imagine calling someone on the phone, going hello! then putting them on hold...

typora

https://roach.link/d — markdwon,editor

Typora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Instead, it provides a real live preview feature to help you concentrate on the content itself.

W3C Accessibility Guidelines (WCAG) 3.0

https://roach.link/c — wcag,accessibility

W3C First Public Working Draft 21 January 2021

Matthew Roach

https://roach.link/b — personal,blog

Personal website of Matthew Roach