Ruth John
Software Engineer at mdn Mozilla
Greater Bristol Area, United Kingdom
Summary
🤩
RockstarRuth John is a creative-focused software engineer with 13 years of experience building front-end experiences, interactive audio demos and data visualisations for agencies, media companies and startups. A Google Developer Expert in Web Technologies, she blends design, electronics and music-technology backgrounds to deliver rich web audio and 3D interactions as well as polished UI/UX. Ruth contributes to MDN—authoring and refining docs and live interactive examples—bringing practical, example-driven teaching to web platform features like array/string at(), Web Audio and new CSS/HTML capabilities. She has led teams and projects, runs workshops and keynotes, and teaches adult learners, combining hands-on prototyping (hardware and server-side) with accessibility and coding standards advocacy. Noteworthy is her knack for turning artistic concepts into production-ready code, often shipping explorable examples that demystify complex APIs.
14 years of coding experience
Github Skills (15)
html10
css10
mdns10
mdc10
javascript10
web-audio-api10
webapi10
mdt10
documentation10
editor9
editors9
audio9
data-manipulation8
text-manipulation8
async-await7
Programming languages (20)
Github contributions (5)
mdn/webaudio-examples
Sep 2018 - Sep 2022
Code examples that accompany the MDN Web Docs pages relating to Web Audio.
Role in this project:
Front-end Developer
Front-end DeveloperContributions:22 reviews, 58 commits, 41 PRs in 4 years
Contributions summary:Ruth primarily contributed to the MDN Web Docs examples repository by creating and refining interactive web audio demos. Their work involved writing HTML, CSS, and JavaScript code to implement features like IIR filters and audio playback controls. The user's commits demonstrate a focus on building user interfaces with visual elements and interactive controls for the Web Audio API. They also worked on styling the components of their UI, including implementing the use of colors and gradients.
audiowebaudiowebaudio-api
mdn/content
Dec 2020 - Jan 2023
The official source for MDN Web Docs content. Home to over 14,000 pages of documentation about HTML, CSS, JS, HTTP, Web APIs, and more.
Role in this project:Technical Writer
Technical WriterContributions:757 reviews, 109 commits, 634 PRs in 2 years 1 month
Contributions summary:Ruth primarily contributed to the MDN Web Docs project by adding, updating, and correcting documentation for various web APIs. Their work included adding documentation for the `at()` method for arrays and strings, as well as adding examples. The contributions also included fixing broken links and updating content related to existing APIs. In addition to documentation updates, the user was also responsible for removing drafts and tidying up code examples.
cssjsmdnjavascriptreference
Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.