Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
mamot.fr is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mamot.fr est un serveur Mastodon francophone, géré par La Quadrature du Net.

Administered by:

Server stats:

3.1K
active users

mamot.fr: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.4

#mdn

2 posts2 participants0 posts today
Vale<p>“The web is my canvas,” I confess as the people watching over my shoulder observe me open a text editor and tile a browser window. “CSS is my brush; MDN, my muse.”</p><p><a class="hashtag" href="https://fedi.vale.rocks/tag/css" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/webdev" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a class="hashtag" href="https://fedi.vale.rocks/tag/mdn" rel="nofollow noopener noreferrer" target="_blank">#MDN</a></p>
Ludovic<p>On continue les masques de nyarlathotep<br>Visite de la boutique juju.</p><p><a href="https://ludosphere.fr/tags/jdr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>jdr</span></a> <a href="https://ludosphere.fr/tags/adc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>adc</span></a> <a href="https://ludosphere.fr/tags/mdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mdn</span></a></p>
Hacker News<p>Default styles for H1 elements are changing</p><p><a href="https://developer.mozilla.org/en-US/blog/h1-element-styles/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/h1-element-styles/</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/DefaultStyles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DefaultStyles</span></a> <a href="https://mastodon.social/tags/H1Elements" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>H1Elements</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/CSSUpdates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSSUpdates</span></a> <a href="https://mastodon.social/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a></p>
Ténno Seremél’<p>Opened MDN’s page on a CSS property in eww. The description starts at line 1451…</p><p><a href="https://lor.sh/tags/lang_en" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lang_en</span></a> <a href="https://lor.sh/tags/mdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mdn</span></a> <a href="https://lor.sh/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://lor.sh/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a></p>
georg fischer<p>nice to see <span class="h-card" translate="no"><a href="https://mastodon.social/@mdn" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mdn</span></a></span> using relatable real world examples for explaining <a href="https://mastodon.social/tags/aria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>aria</span></a> roles</p><p><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/presentation_role" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/Accessibility/ARIA/Roles/presentation_role</span></a></p><p><a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.social/tags/mdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mdn</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a></p>
TeMPOraL<p>First, I came to your cloud data centers. Now, I have arrived in your <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> too.</p><p>I need to stop sleepwalking.</p><p><a href="https://fosstodon.org/tags/temporal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>temporal</span></a> <a href="https://fosstodon.org/tags/temporalio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>temporalio</span></a> <a href="https://fosstodon.org/tags/mdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mdn</span></a></p>
kalvn<p>Un petit résumé des nouveaux contenus qui sont arrivé sur MDN en 2024 et de ce qui nous attend pour 2025.</p><p>🔗 <a href="https://developer.mozilla.org/en-US/blog/mdn-2024-content-projects/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/mdn-2024-content-projects/</span></a></p><p><a href="https://mastodon.xyz/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> <a href="https://mastodon.xyz/tags/mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mozilla</span></a> <a href="https://mastodon.xyz/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.xyz/tags/http" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>http</span></a></p>
Nicolas Hoizey<p>I couldn&#39;t see the right cursors on this <a href="https://mamot.fr/tags/MDN" class="mention hashtag" rel="tag">#<span>MDN</span></a> page, in both Firefox and Chrome:<br /><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/cursor" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/cursor</span></a></p><p>Stopping <a href="https://mamot.fr/tags/Bartender" class="mention hashtag" rel="tag">#<span>Bartender</span></a> fixed the issue. 🤯</p><p>I found the solution in this Apple discussion, about Bartender 4: <a href="https://discussions.apple.com/thread/254555162?answerId=258520966022&amp;sortBySetappp58520966022" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">discussions.apple.com/thread/2</span><span class="invisible">54555162?answerId=258520966022&amp;sortBySetappp58520966022</span></a></p><p>I&#39;m using Bartender 5 (with Setapp)… 🤷‍♂️</p><p>If I restart Bartender, the issue comes back after a few minutes… 😞</p><p>For those who don&#39;t know, Bartender is a macOS app to arrange and/or hide icons in the menu bar: <a href="https://www.macbartender.com/Bartender5/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="">macbartender.com/Bartender5/</span><span class="invisible"></span></a></p>
Dave🌱<p>I'm still using <a href="https://bitbang.social/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> and hope it will be around for years. I still use <a href="https://bitbang.social/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a>, even though it bothers me it has AI crud shoved in there.<br>I've been donating to <a href="https://bitbang.social/tags/OpenWebDocs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenWebDocs</span></a> for a while, and hope that they will continue to be able to maintain the massively important MDN docs for years to come. Hopefully without too much more AI crud added in.<br>I had already started donating to <a href="https://bitbang.social/tags/Servo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Servo</span></a> a little while ago, and have just started with <a href="https://bitbang.social/tags/LadyBird" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LadyBird</span></a> too (I thought I did already, oops).<br>What more can I do?</p>
Harry W.<p>Cool <a href="https://mstdn.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> find today: the `&lt;picture&gt;` tag:</p><p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/HTML/Element/picture</span></a></p><p><a href="https://mstdn.social/tags/mdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mdn</span></a> <a href="https://mstdn.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mstdn.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>I don't care if <a href="https://mastodon.social/tags/Google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Google</span></a> is forced to sell <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Chrome</span></a>; I want <a href="https://mastodon.social/tags/Mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mozilla</span></a> to be forced to sell <a href="https://mastodon.social/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a></p><p><a href="https://mastodon.social/tags/browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>browsers</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a></p>
randomMDN<p>For those of you on BlueSky. You can now follow me here at @randomMDN.front-end.social.ap.brid.gy (thanks to <span class="h-card" translate="no"><a href="https://bsky.brid.gy/" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>bsky.brid.gy</span></a></span>).</p><p><a href="https://front-end.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://front-end.social/tags/HTTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTTP</span></a> <a href="https://front-end.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://front-end.social/tags/mdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mdn</span></a></p>
Rui Nibau (rnb)<p>Il y a quatre ans, <a href="https://framapiaf.org/tags/Mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mozilla</span></a> virait 250 personnes, notamment l'équipe en charge de <a href="https://framapiaf.org/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a>.</p><p><a href="https://next.ink/5825/mozilla-licencie-250-personnes-quete-rentabilite-au-premier-plan/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">next.ink/5825/mozilla-licencie</span><span class="invisible">-250-personnes-quete-rentabilite-au-premier-plan/</span></a></p><p>MDN, pour les <a href="https://framapiaf.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> c'est un peu la Mecque ; on y trouve tout : specs, tutos, exemples, bonnes pratiques, etc.</p><p>Est-ce une conséquence, mais j'ai de plus en plus de mal à y trouver les infos que je cherche.</p><p>Et ce soir, pour la première fois, j'ai dégoté le document qu'il me fallait non pas sur MDN (comme d'habitude) mais sur le blog de Webkit (<a href="https://webkit.org/blog/13711/elementinternals-and-form-associated-custom-elements/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webkit.org/blog/13711/elementi</span><span class="invisible">nternals-and-form-associated-custom-elements/</span></a>)...</p>
randomMDN<p>Greetings to all <a href="https://front-end.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://front-end.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://front-end.social/tags/HTTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTTP</span></a> <a href="https://front-end.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://front-end.social/tags/mdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mdn</span></a> developers and enthusiasts.</p><p>I'm a bot, now on a new instance at <a href="https://front-end.social/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">front-end.social/</span><span class="invisible"></span></a>! If you're already following, the transition should happen automatically. However, if you have any bookmarked posts, I recommend re-bookmarking the direct links to articles in your browser for safe keeping.</p><p>Starting December 15th, the original instance will no longer be active. I'll send a reminder before then.</p><p>…</p>
Nicolas Hoizey<p>How should I read the values for `box-shadow-position` in the formal syntax of `box-shadow` on MDN?</p><p>It says `&lt;box-shadow-position&gt; = [ outset | inset ]` which I read as: the value is either `outset` or `inset`. But I know `outset` is not supported. It is the default behavior, not the default value.</p><p>Maybe I need a documentation of these formal syntaxes… 😅</p><p><a href="https://mamot.fr/tags/CSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> <a href="https://mamot.fr/tags/MDN" class="mention hashtag" rel="tag">#<span>MDN</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/notes/2024/05/29/1/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/notes/2024/</span><span class="invisible">05/29/1/</span></a></p>
Nicolas Hoizey<p>I wonder if MDN could add screenshots of the live examples, so people can see the result even if their browser doesn&#39;t support a feature yet.</p><p>For example for CSS Grid masonry layout:<br />&lt;<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/CSS_grid_layout/Masonry_layout</span></a>&gt;</p><p>I&#39;m using Firefox, so I had to activate the `layout.css.grid-template-masonry-value.enabled` flag to see the “good” result.</p><p><a href="https://mamot.fr/tags/CSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> <a href="https://mamot.fr/tags/Grid" class="mention hashtag" rel="tag">#<span>Grid</span></a> <a href="https://mamot.fr/tags/MDN" class="mention hashtag" rel="tag">#<span>MDN</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/notes/2023/11/23/1/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/notes/2023/</span><span class="invisible">11/23/1/</span></a></p>
Julien / Sphinx<p>Si vous avez un peu de temps ce week-end, n&#39;hésitez pas à venir vous essayer à des rapides <a href="https://mamot.fr/tags/traduction" class="mention hashtag" rel="tag">#<span>traduction</span></a> s de glossaire sur <a href="https://mamot.fr/tags/MDN" class="mention hashtag" rel="tag">#<span>MDN</span></a> : <a href="https://github.com/mdn/translated-content/issues/16598" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/mdn/translated-cont</span><span class="invisible">ent/issues/16598</span></a> :)</p>
Julien / Sphinx<p>Appel aux (premières) contributions sur <a href="https://mamot.fr/tags/MDN" class="mention hashtag" rel="tag">#<span>MDN</span></a> :) Si vous avez quelques minutes devant vous et que vous souhaitez traduire/mettre à jour des petites pages sur MDN, vous pouvez aider sur le Glossaire : <a href="https://github.com/mdn/translated-content/issues/16598" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/mdn/translated-cont</span><span class="invisible">ent/issues/16598</span></a></p>
Julien / Sphinx<p><a href="https://mamot.fr/tags/traduction" class="mention hashtag" rel="tag">#<span>traduction</span></a> <a href="https://mamot.fr/tags/l10n" class="mention hashtag" rel="tag">#<span>l10n</span></a> <a href="https://mamot.fr/tags/PWA" class="mention hashtag" rel="tag">#<span>PWA</span></a> <a href="https://mamot.fr/tags/webdev" class="mention hashtag" rel="tag">#<span>webdev</span></a> <a href="https://mamot.fr/tags/MDN" class="mention hashtag" rel="tag">#<span>MDN</span></a> <a href="https://mamot.fr/tags/docs" class="mention hashtag" rel="tag">#<span>docs</span></a> Coucou tout le monde, je vais me lancer dans la traduction de <a href="https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Tutorials/CycleTracker" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/Progressive_web_apps/Tutorials/CycleTracker</span></a> (merci <span class="h-card" translate="no"><a href="https://front-end.social/@estelle" class="u-url mention">@<span>estelle</span></a></span> 🙇‍♂️) en français : si ça vous intéresse d&#39;y participer n&#39;hésitez pas à faire signe ! :)</p><p>Vous pouvez commenter sur <a href="https://github.com/mdn/translated-content/issues/16137" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">github.com/mdn/translated-cont</span><span class="invisible">ent/issues/16137</span></a></p>
Julien / Sphinx<p><a href="https://mamot.fr/tags/MDN" class="mention hashtag" rel="tag">#<span>MDN</span></a> <a href="https://mamot.fr/tags/AI" class="mention hashtag" rel="tag">#<span>AI</span></a> <a href="https://mamot.fr/tags/Mozilla" class="mention hashtag" rel="tag">#<span>Mozilla</span></a> : le &quot;post-mortem&quot; de l&#39;équipe MDN <a href="https://developer.mozilla.org/en-US/blog/ai-explain-postmortem/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/ai-explain-postmortem/</span></a> en attendant</p><p>Pas d&#39;accord avec tout, mais les efforts vers la transparence vont a priori dans le bon sens.</p><p>Pour ce qui est du &quot;on a des exemples ptet un peu pourris donc on va les AI-liéner plutôt que de demander à des gens dont c&#39;est le taf de les améliorer&quot;, on repassera (à ce tarif, autant demander à OpenAI de les noter et les améliorer à la main ensuite, y a eu des chantiers plus titanesques sur MDN).</p>
ExploreLive feeds
About