André Ruffert

A self-taught Software Engineer. Crafts user-friendly quality software.

✌️

Berlin, Germany
:
Currently offline

Recent Open Source Projects

<syntax-highlight> element
Syntax Highlighting using the CSS Custom Highlight API
<color-scheme-switch> element
A custom element to toggle between a light and dark CSS color scheme
<range-slider> element
A cross browser customizable and accessible <range-slider> web component

See more on Github

Recent Posts

Detecting the "stuck" state of an element using CSS container scroll-state queries

ExperimentalCSSContainer QueriesScroll-State

Styling elements based on the scroll state of the container.

A workflow to automate content changes with GitHub Actions

Node.jsGitHub Actions

<syntax-highlight> element v1.0.0

Open SourceWeb Components

A custom element that uses the CSS Custom Highlight API for syntax highlighting.

<range-slider> element v2.0.0

Open SourceWeb Components

A cross browser customizable and accessible range slider web component.

Side Projects

Random MDN

A bot that shares random articles from the MDN Web Docs on Bluesky. Discover and learn new things with Random MDN.

echojs.bsky.social

A bot posting the Echo JS RSS feed to Bluesky.

PiPHero

The macOS menu bar app to picture-in-picture any window.

letr.app

A PWA to write formal letters.

JavaScript Questions

Multiple choice JavaScript questions as PWA.

Support my work

If you enjoy and benefit from any of my work, I'd be delighted to receive a small one-time donation. Thank you so much!

Become a sponsor