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>
Recent searches
No recent searches
Search options
Only available when logged in.
shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.
Administered by:
Server stats:
291active users
shakedown.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.4
#mdn
0 posts · 0 participants · 0 posts today
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<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>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>
GENKI<p><a href="https://social.vivaldi.net/tags/Mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mozilla</span></a> が <a href="https://social.vivaldi.net/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> というブラウザ資産をこれからどういう方向にもっていこうとしてるのか、たまに疑問に思うことはある。<br>基本的には 🔥 🦊 を応援はしているんだけど。</p><p>自分は以前から <a href="https://social.vivaldi.net/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> の <a href="https://social.vivaldi.net/tags/DevTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DevTools</span></a> 開発ツールなんかは <a href="https://social.vivaldi.net/tags/Chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Chrome</span></a> のそれよりも使いやすいと感じるところもあるし、 <a href="https://social.vivaldi.net/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> といういまだにある程度力を維持している開発者向けのコンテンツがあるんだから、いっそのこと一般ユーザーよりも開発者にターゲットを絞ってもいいんじゃないかと思う。<br><a href="https://social.vivaldi.net/tags/DevTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DevTools</span></a> は <a href="https://social.vivaldi.net/tags/Chromium" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Chromium</span></a> 系のブラウザだと結局みんなほとんど同じものだし、アドオンとかで拡張する道があるとはいえ <a href="https://social.vivaldi.net/tags/DevTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DevTools</span></a> も自分たちでイニシアティブもって開発できる <a href="https://social.vivaldi.net/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> には、まだ勝機がなくもないという気がするんだけど。<br>全体の母数からしたら開発者ユーザーなんて多くないかも知れないけど、そういうニッチなところからでも切り崩していかないと、ますます存在感が薄くなっていきそう…</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 `<box-shadow-position> = [ 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="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mamot.fr/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/notes/2024/05/29/1/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/notes/2024/</span><span class="invisible">05/29/1/</span></a></p>
GENKI<p>と思ったら、 <a href="https://social.vivaldi.net/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> のサンプルがそもそも SVG だった</p><p><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/paint-order" 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/CSS/paint-order</span></a></p>
GENKI<p>以前読んだ <a href="https://social.vivaldi.net/tags/Mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mozilla</span></a> の <a href="https://social.vivaldi.net/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> のテキスト編集方針に寄せて、いままで全角文字と半角文字の間には半角スペースを自動でいれる体になっていたんだけど `text-autospace` とか `text-spacing-trim` がデフォルトで有効になる世界では方針かえたほうがいいのかなあ… :tony_neutral: </p><p><a href="https://developer.chrome.com/blog/css-i18n-features?hl=ja" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/blog/css-</span><span class="invisible">i18n-features?hl=ja</span></a></p>
Oblomov<p>It just occurred to me that <span class="h-card"><a href="https://mozilla.social/@mozilla" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mozilla</span></a></span>'s <a href="https://sociale.network/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> does not list <span class="h-card"><a href="https://social.vivaldi.net/@Vivaldi" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Vivaldi</span></a></span> in its compatibility matrices.</p>
GENKI<p>個人的なプロジェクトで汎用的なレイアウト用の <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> クラス命名する時に Flex な要素の並びの方向に関して <a href="https://social.vivaldi.net/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> 参考に Main Axis と Cross Axis って言う言い方を採用してて、これ表現として具体的なのはいいんだけどあんまり一般的に聞かない気がして、今なら Inline と Block でも良いのかなぁ、padding-inline とかあるし、と思ったけど、Block ってちょっと単語として意味がでかすぎる気もして、だったら axis-block とかにする？いやだったら元の axis-cross のほうがわかりやすいか、ってなってた今。</p><p>いずれにしても CSS プロパティからのクラス命名はしたくないんだよなあ…</p>
Andreas Sander<p>Another, yet very basic, tool by <a href="https://toot.cafe/tags/mdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mdn</span></a> to play around with <a href="https://toot.cafe/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a>, <a href="https://toot.cafe/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> and <a href="https://toot.cafe/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a>.</p><p><a href="https://developer.mozilla.org/en-US/play" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/pl</span><span class="invisible">ay</span></a></p>
Reed Mideke<p>Anyway, there's a new bug, so if you have thoughts on <a href="https://mastodon.social/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> adding <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> stochastic bullshit to what has, up to now, been the premier technical reference for web developers, you could make them heard there <a href="https://github.com/mdn/yari/issues/9230" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/mdn/yari/issues/923</span><span class="invisible">0</span></a></p>
George White<p>Oof. <a href="https://hachyderm.io/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> manages to undermine confidence in its core documentation function and the judgement of the <a href="https://hachyderm.io/tags/mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mozilla</span></a> team thanks to the deployment of one <a href="https://hachyderm.io/tags/llm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>llm</span></a>-based tool.</p><p>One use case LLMs seem to excel at is revealing an ongoing confusion between language and knowledge.</p><p><a href="https://github.com/mdn/yari/issues/9208" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/mdn/yari/issues/920</span><span class="invisible">8</span></a></p>
Steve Faulkner<p>Morning Saturday <a href="https://mastodon.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mastodon</span></a> </p><p>Looks like the post truthification of <a href="https://mastodon.social/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> has been put on hold 🎉</p><p><a href="https://github.com/mdn/yari/commit/1bf285612ca2a2741795916fbe7fd2549e6b0013" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/mdn/yari/commit/1bf</span><span class="invisible">285612ca2a2741795916fbe7fd2549e6b0013</span></a></p><p>What a complete and utter SHITNADO 💩🌪️</p><p><a href="https://github.com/mdn/yari/issues/9208#issuecomment-1615411943" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/mdn/yari/issues/920</span><span class="invisible">8#issuecomment-1615411943</span></a></p><p><a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/truth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>truth</span></a> <a href="https://mastodon.social/tags/mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mozilla</span></a> <a href="https://mastodon.social/tags/credibilty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>credibilty</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a></p>
randomMDN<p>Greetings to all <a href="https://botsin.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://botsin.space/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://botsin.space/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://botsin.space/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://botsin.space/tags/HTTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTTP</span></a> <a href="https://botsin.space/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://botsin.space/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://botsin.space/tags/mdn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mdn</span></a> developers and enthusiasts.</p><p>I'm a bot, and every sixth hour I'll randomly pick an article for you from 'mdn web docs'¹.</p><p>Alternatively, you can subscribe to the RSS feed², see my GitHub repo³ for any other options and information.</p><p>Live long and prosper 🖖</p><p>[1] <a href="https://developer.mozilla.org/en-US/docs/Web" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web</span></a><br>[2] <a href="https://botsin.space/@randomMDN.rss" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">botsin.space/@randomMDN.rss</span><span class="invisible"></span></a><br>[3] <a href="https://github.com/jaandrle/randomMDN" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">github.com/jaandrle/randomMDN</span><span class="invisible"></span></a></p>
GENKI<p>組版とかスタイリングのルールとして、和文と欧文のスペースは 0.25em が美しく最適、っていうのはその通りだと思うけど、それはスタイリングの話だから、最終的に人の目に触れるときにそのように見えればいいわけで、組版ルールとかスタイリングで「間に半角スペースがあってもなくても和文と欧文の間は 0.25em に見えるようにする」というのが一番良い気がするのとスタイリング関係なく単なるテキストデータとして考えれば <a href="https://social.vivaldi.net/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> みたいに半角スペースが入ってるほうが欧文のデータは取り回ししやすいのでは？と思う（欧文データと和文データ間の差が減る）</p><p>そもそも組版とかスタイリングの都合をデータ構造に求めちゃいけない気がしてて、組版的な美しさを理由に「和文と欧文の間にスペースが入っているテキストデータは間違い！」って言われるとちょっと違和感を感じる。<br>組版的美しさとかスタイリングの都合じゃなく、テキストデータとしての正しさみたいな視点からなら納得できるんだけど。</p><p>って考え事に繋がった元ツイートのアドレスも一応引用しとこ :tony_grinning:</p><p><a href="https://twitter.com/h_okumura/status/1655793766178127873?t=kmRZ0KNy-MusgdPNm9P2Dw&s=19" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">twitter.com/h_okumura/status/1</span><span class="invisible">655793766178127873?t=kmRZ0KNy-MusgdPNm9P2Dw&s=19</span></a></p>
GENKI<p>律儀にやると日付とかも "2023 年 5 月 12 日" という感じになって、実際 <a href="https://social.vivaldi.net/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> もこうなってるんだけど、人に送るメールとかだとなんとなく日付だけはこの書き方を避けてしまう不思議 :mastoflushed:</p>
GENKI<p>昔、<a href="https://social.vivaldi.net/tags/MDN" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MDN</span></a> が、和欧混植の場合は英語・英数字の前後に半角スペースはいる形で統一されてるのを知ってから、自分がなにかタイピングする時もついそのスタイルで書いてしまう。</p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload