Hire me

Resilience

Built to work with your setup, not against it.

msarib.dev is designed to coexist with the way you actually browse. Ad-blocker on, password manager running, Dark Reader or Windows High Contrast active, pages auto-translating, motion turned down: none of it should break the site. Most portfolios assume a clean Chrome window on a fast laptop. This one was tested against the messier reality, on real Windows, macOS, Android, and iOS devices across Chrome, Firefox, Safari, Edge, Brave, and Opera.

What works where

Support comes in three tiers. The first is a promise, the second is a soft landing, the third is an honest line in the sand.

  • Tier 1, fully supported. Current Chrome, Firefox, Safari, and Edge (plus their last two versions) on Windows, macOS, Linux, iOS, and Android. Modern phones and tablets, screens from 360px up to 4K. Common extensions: uBlock Origin, AdBlock Plus, AdGuard, Dark Reader, 1Password, LastPass, Bitwarden, Google Translate, Grammarly. System settings like reduced-motion, high-contrast, and forced-colors. If you are reading this, you are almost certainly in this tier, and everything is built to just work.
  • Tier 2, graceful degradation. Browsers three to five major versions behind, older phones (Android 8 to 11, iOS 13 to 15), less common browsers like Vivaldi and Samsung Internet, super-ultrawide monitors, and slow connections. Layout and content hold; some of the polish may soften.
  • Tier 3, not supported on purpose. Internet Explorer, KaiOS, UC Browser, anything more than five versions behind, text-only browsers, and screens narrower than 320px. These are not tested or guaranteed. Drawing the line is what keeps the first two tiers honest.

Built to coexist with your setup

  • Ad-blockers. The site avoids the generic class names and IDs that filter lists hide by mistake, so nothing important vanishes with uBlock Origin or AdGuard running.
  • Password managers. The contact form tells 1Password, LastPass, and Bitwarden which fields are not logins, so you get clean autofill on your name and email and no prompts where they do not belong.
  • Dark Reader.This is already a hand-tuned dark theme, so it opts out of Dark Reader's recoloring through the official lock, keeping the gradients and glows as intended. Native contrast meets WCAG.
  • Windows High Contrast and Forced Colors. Buttons keep explicit borders and focus rings when the OS strips backgrounds, so no control turns into an invisible rectangle.
  • Translation. Names, studio names, and technical terms are marked to stay untranslated, and the layout absorbs longer languages like German without overflowing.
  • No JavaScript. With scripts blocked, the contact form steps aside and shows a direct email link instead of a dead form.
  • Reduced motion. Turn motion down in your system settings and the animations resolve to their final state instantly. No slides, no fades.

Want the engineering detail? The full methodology, verification log, and device matrix live in the project's RESILIENCE.md on GitHub.