Please, webdevs don't do user agent sniffing for activating the shim of a feature which can be… feature detected.

It kind of prevent your site of using the native feature when it's finally implemented in the browser. Sometimes it might even have performance impact for the users of your site. #webcompat

Doing #webcompat work on big $NAME website/app is like unclogging the P-TRAP of a kitchen sink.

Pull a thread and you think "That's it!", and then you realize there is a bigger mass attached to it, with grease, hair, and plenty of things you don't want to know about, and you discover more things down the line, plastic bits, a dead bug, etc.

In your own words, what do you think is a #webcompat issue?

This a cool intro by @jecfish about Source Maps.

A couple more things about the source maps config:

1. If you put your source map on a different domain/CDN, make sure that the domain is accessible from people outside of your company.

2. Make sure the source file doesn't result in a 403.

3. Make sure the Content Security Policy (CSP) is correctly set for these files.

WHY?

When #webcompat needs to debug why the website is not working properly in a browser, sourcemaps help a lot.

@vermyndax 👋 so 2 possibilities.

1. https://webcompat.com/issues/new (I'm monitoring the ones reported for Safari). There is an option for reporting anonymously. And you can ping me with @karlcow

OR
2. https://bugs.webkit.org/ where you need to create an account.

Both are *public* reporting (avoid private information).

All the steps to reproduce from the start. The context is helpful (device, browser, etc.) and testing in another browser such as Firefox or Chrome. #webcompat

@jensimmons

Est-ce que vous avez des questions à propos de la compatibilité Web ? Des zones d'ombres que vous aimeriez comprendre ? #webcompat

Most of the time when doing #webcompat work. Trying to make sense of things like this one

Would you consider not using css zoom anymore? What if it was removed from blink and WebKit ? It’s not implemented in gecko. #webcompat

Text-indent and file input behaves differently in browsers. https://codepen.io/webcompat/pen/wvEqmKW #webcompat I animated it to better see what is happening. Opened https://bugs.webkit.org/show_bug.cgi?id=253463

Nice to see it the other way around for once

#firefox #chrome #webcompat #compatibility #chromium #EU #EUCommission #commission

Me when I need to diagnose minified code for #webcompat issues. #asianartmuseum #sanfrancisco

Web Inspector and Developer tools are my apartment. #webcompat

#Webcompat engineers will never be over their craft. I've seen things you people wouldn't believe. Large websites broken off the shoulder of developer tools. I watched Compat-beams glitter in the dark near the Interoperability Gate. All those moments will be lost in time, like tears in rain. Time to die.

https://www.otsukare.info/2023/02/03/blade-runner

@jelmerdemaat @jensimmons

A bit more details about it with an example.
https://www.otsukare.info/2023/01/16/webkit-quirks

#webcompat

"What do you use as a browser?" They asked me.

Well… it's complicated. You see, part of my work is to diagnose what is NOT working across browsers.

Add to this, different usages in different circumstances.

So I do not have a unique answer, but exactly I'm not only going in one café.

#webcompat

head deep into getComputedStyle and pseudo-element, these last couple of days. #webcompat

head deep into getComputedStyle and pseudo-element, these last couple of days. #webcompat

Soyons prêts pour les User Agent Strings à 3 chiffres : naviguez sur le Web avec une chaîne UA contenant 100, faites des tests automatiques de votre code et comparez les numéros de version en tant qu’entier et non en tant que chaîne de caractères #webcompat https://www.otsukare.info/2021/04/20/ua-three-digits-get-ready

RT @MozWebCompat@twitter.com

if

1. web compatibility
2. browser diversity
3. web standards

are important to you, use Firefox, invite (gently) other people around you to use Firefox.

Great oaks from little acorns grow.

#webcompat #GrowFirefox

🐦🔗: https://twitter.com/MozWebCompat/status/1295263480774184960

Votre humble serviteur essaie de se servir de ses maigres connaissances en JavaScript et des données structurées de MDN pour vous fournir un paquet npm

- qui prenne :
- un fichier de périmètre navigateurs
- une page web

- qui produise : un rapport sur les éléments incompatibles (HTML / CSS / Syntaxe JS) entre la page et les navigateurs visés. https://mamot.fr/media/tHcrnXzBmQRJx-G3VDw https://mamot.fr/media/B9NDvZV3nT7_OqBSd94

#WebCompat #MDN #npm