Notices by Stefan Judis (stefan@front-end.social)

I just removed 15 dead helpers over on tiny-helpers.dev and it feels like a discover less and less small online tools for web devs… 👇

https://tiny-helpers.dev/

What are you favorite quick-to-use online tools these days? Maybe I can add some new ones.

💯

https://nowebwithoutwomen.com/

For the bloggers: the W3C WebDX Community Group released a web component to display web feature baseline info. Drop `baseline-status` into your HTML and display some juicy browser compat data. 💯

https://github.com/web-platform-dx/baseline-status

This is pretty wild — our friends at "Read The Docs" saw file download traffic drop by 75% after blocking AI bots.

https://about.readthedocs.com/blog/2024/07/ai-crawlers-abuse/

If you're confused about ARIA and wonder when to safely (and correctly) use it, bookmark this post because it includes a massive table highlighting when it's correct to use aria-label. 👏

https://html5accessibility.com/stuff/2024/05/22/not-so-short-note-on-aria-label-usage-big-table-edition/

Alright, real talk: I have @code's minimap disabled because it only looks fancy. But the new ability to set marks might make me reconsider.

`// MARK:` and `//#region` should work in the newest version.

CSS quick tip: if you're adding quotation characters use `open-quote` and `close-quote` as content because they consider the document language. 💪

https://www.stefanjudis.com/today-i-learned/how-to-use-language-dependent-quotes-in-css/

With iOS Safari 17.4, all browsers support `select` elements including horizontal lines with `hr`. 😉 👇

https://codepen.io/stefanjudis/pen/QWPNYON

Safari's recent tech preview includes the `safe` keyword for flex properties. Firefox/Chromium ship it already.✨

I updated an old blog for you to learn about safe flexbox alignment. 😊

https://www.stefanjudis.com/today-i-learned/safe-unsafe-alignment-in-css-flexbox/

Haha, @lonekorean found the ultimate z-index hack. 😅

https://codersblock.com/blog/playing-with-infinity-in-css/

What do you do when you think the web should have responsive videos? (similar to the `picture` element)

- file a spec issue
- wait for a long time 😅
- get the spec change merged.

And if you're @scottjehl, you just continue and implement it in Firefox yourself.👏

https://scottjehl.com/posts/responsive-video/ https://scottjehl.com/posts/responsive-video/

I guess it's time to really familiarize myself with Container Size Queries.

Coming to Firefox In a month! ?

https://caniuse.com/css-container-queries