Post by @anatudor@mastodon.social

2026-07-01 11:44 UTC

Seriously, was this AI generated and that's why it's so bad? 😭 https://github.com/GoogleChrome/modern-web-guidance/blob/main/skills/modern-web-guidance/guides/user-experience/shrinking-header-on-scroll.md Modern CSS? Responsivity? LOL. Code contradicting text guidance attached to it? Checked. Do as the priest preaches, not as the priest does. Hardcoding the same values in both the CSS and JS so you have to modify them twice if you change something? Checked. Also, can't tell if that support test choice was trying to do another browser's imperfect early implementation dirty or if it's just plain stupid. 👀

Replies (4)

@anatudor@mastodon.social 2026-07-01 12:14

Whatever you do, don't do this... It can produce choppy animations. Fixed pixel heights = fuck responsivity. If all is !important, nothing is !important. And for the love of satan, stop putting prefixed versions last!

Open ##3510183
@rangermeier@mastodon.social 2026-07-01 12:11

@anatudor@mastodon.social however the title looks like it was typed by a human.

Open ##5074223
@gericci@indieweb.social 2026-07-01 13:11

@anatudor@mastodon.social yes! it is pure garbage

Open ##5074229
@bramus@front-end.social 2026-07-01 13:49

@anatudor@mastodon.social 👋 Hi Ana, it’s me … I can assure you no AI wrote it, because I wrote the guide. Maybe some things need to be clarified here: 1. Modern CSS: Would you say that SDA is not modern? Not sure I’m following here. 2. Code Contradicting Guidance: The code listed in the guide focuses on the core of the functionality, so yeah the things like the feature detection are not included in the mentioned snippets. [1/x]

Open ##5074233