#mdn — Public Fediverse posts

Firefox の公式アカウントは #Fediverse :fediverse: #Mastodon :mastodon: にはないっぽい？けど #MDN の公式アカウントは活発に発信してる :tony_smiling:

https://mastodon.social/@mdn

Under the Hood of MDN’s New Frontend, by @leo.mca.is (@mdn):

https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/

#mdn #react #webcomponents

Ooh, I think this article on the MDN frontend rebuild is a bit of a webdev masterclass on modern web components #webdev #mdn #mozilla :blobheart: https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/

Cool to see #MDN exploring a unique #frontend architecture which better meets their needs.

https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/

A lot of the core ideas here are stuff I've been trying to formalize in #HydroActive and #rules_prerender. Islands of reactivity on a mostly static page and driving resource loading by what gets rendered are both key features most FE systems lack.

#web #JavaScript

I feel like #MDN is carrying #WWW documentation...

#Mozilla #documentation #standards

Under the hood of MDN’s new frontend. Leo McArdle explains how the MDN team replaced their aging React-based SPA with a modern architecture built on web components and Lit. The new setup uses server components for static templating, lazy-loads interactive elements as custom elements, and leverages Baseline to decide which web APIs to adopt. The result: a dev environment that starts in 2 seconds instead of 2 minutes. #mdn #webcomponents

https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/

Под капотом нового фронтенда MDN. Лео Макардл рассказывает, как команда MDN заменила устаревшее React SPA на современную архитектуру с веб-компонентами и Lit. Новая система использует серверные компоненты для статической шаблонизации, лениво загружает интерактивные элементы как кастомные элементы и опирается на Baseline при выборе API. Результат: среда разработки стартует за 2 секунды вместо 2 минут. #mdn #webcomponents

https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/

#Development #Approaches
Under the hood of MDN’s new frontend · How web components overhauled the web docs platform https://ilo.im/16c0es

_____
#MDN #WebComponents #ServerComponents #Lit #React #WebDev #Frontend #HTML #CSS #JavaScript

Парсим MDN и пишем оффлайн RAG-MCP

Привет. В этой технической статье мы на практике разберёмся, что такое RAG, распарсим MDN Web Docs , научимся готовить эмбеддинги, заполним ими векторную базу данных и напишем свой MCP сервер с гибридным векторным и полнотекстовым поиском. Зальём всё получившееся добро на HuggingFace , GitHub и NPM , и настроим автоматическое обновление данных. Внутри будет много пошаговых инструкций и примеров кода на Bun + TypeScript.

https://habr.com/ru/articles/1019930/

#RAG #MCP #LLM #Документация #MDN

#Development #Cheatsheets
Underlining links with CSS · Modern ‘text-decoration’ properties at a glance https://ilo.im/16ahy6

_____
#Styling #Underlining #Links #MDN #Browsers #Design #WebDesign #WebDev #Frontend #CSS

Ressources documentaires sur l’intelligence artificielle
🔸 Mise à jour : section Guides (autres thèmes)
▶️ Ajouts de ressources du Gouvernement fédéral du Canada et des Nations unies sur le domaine militaire
https://cltr.blogspot.com/2025/10/ressources-documentaires-sur.html
#IA #intelligence #artificielle #militaire #Canada #ONU #AI #tech #média #MDN #FAC #UNIDIR #guerre #paix #géopolitique

#Development #Pitfalls
The browser’s little white lies · When browsers lie to keep you safe https://ilo.im/16abad

_____
#Links #Browser #Protection #Privacy #Security #MDN #WebDev #Frontend #CSS #JavaScript

Again, unfortunately, I go to use a feature that is apparently now supported in Safari/WebKit (and considered baseline on #MDN), only to discover that one of the features isn’t implemented.

Today’s example? The <dialog> element.

After messing around with it and wondering why clicking the backdrop wasn’t closing it even though closedby="any" was set, I find the closedby attribute isn’t implemented at all 😶

Now I have to add some JS that shouldn’t be needed.

#WebKit #CSS #WebCompat #Interop

Similarly… foiled again.

Me, earlier:

Oh cool, the @ page size descriptor is supported by Chrome, Firefox and Safari! I’ll use it for this print and PDF layout that needs to be A4 landscape.

Me, now, actually trying it:

Wait, why isn’t it working? Oh. Oh no. It does not work at all in Safari. And MDN/caniuse.com say it does, but they are wrong (and there is an open issue about it).

The WebKit bug 63575 is from… 14.5 years ago.

*dies* 💀

#WebKit #CSS #WebCompat #Interop #MDN #CanIUse

this lorem ipsum text is... very skibidi

https://github.com/mdn/dom-examples/blob/main/view-transitions/mpa-chapter-nav-transition-types/index3.html

Chillwave gastropub chartreuse deserunt butcher umami meditation ennui. Sus post-ironic affogato irony non succulents la croix labore tousled. Tumblr selvage sartorial taxidermy yes plz fashion axe deserunt. Big mood humblebrag hammock meditation, four dollar toast vice bruh minim tacos chartreuse drinking vinegar sunt yes plz YOLO cred. Synth chartreuse est, wayfarers pop-up ut gorpcore consequat ullamco meh lyft crucifix selvage occaecat.

#MDN

The Department of National Defence will be doing drone detection tests around Kent and Sparks Streets in Ottawa between 24 and 28 November. This involves flying drones.

https://www.cbc.ca/news/canada/ottawa/anti-drone-technology-test-ottawa-downtown-9.6983398
- - -
Le Ministère de la Défense nationale effectuera des essais de détection de drones autour des rues Kent et Sparks à Ottawa entre le 24 et 28 novembre. Ceci implique le vol de drones.

https://www.canada.ca/fr/ministere-defense-nationale/nouvelles/2025/11/la-defense-nationale-fera-voler-des-drones-au-dessus-du-centre-ville-dottawa.html

#Ottawa #DND #MDN

Hold onto your hats, because #WebTransport is here to almost, kind of, sort of, maybe, eventually bring UDP-like #data exchange to your #browser. 🚀 It's just like #UDP, but with extra steps, because who doesn't love unnecessary complexity? 🤯 Meanwhile, MDN's index page continues to be a labyrinthine journey through every web technology known to humankind. 😂
https://developer.mozilla.org/en-US/docs/Web/API/WebTransport_API #MDN #Complexity #HackerNews #ngated

Notre mozillien @hellosct1 vous aide à vous lancer dans la traduction au @capitoledulibre pour #pontoon #sumo #mdn #commonvoice #cdl2025

Aujourd'hui, notre mozillien @hellosct1 intervient dans un atelier de traduction au @capitoledulibre sur #sumo #pontoon #mdn #commonvoice Une occasion pour vous lancer dans cette thématique #cdl2025 https://capitoledulibre.org/programme/

Element: setHTML() method

https://developer.mozilla.org/en-US/docs/Web/API/Element/setHTML

#HackerNews #Element #setHTML #method #web #development #JavaScript #MDN #documentation

Behind every great web dev resource is an even greater community! ✨ We recently chatted with Pranshu from MDN Web Docs about how their open-source community drives accuracy and innovation. Hear about their 105,000+ contributors and how YOU can get involved!

Listen to the full episode in first comment.
#OpenSource #DeveloperCommunity #MDN #WebStandards #Podcast

You're nerd sniping me, #MDN, don't you!?

Native messaging #API

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Native_messaging

"Native messaging enables an extension to exchange messages with a native application, installed on the user's computer. The native messaging serves the extensions without additional accesses over the web."

"On the native app side, messages are received using standard input (stdin) and sent using standard output (stdout)."

So many possibilities! :awesome: ✨

#WebExtension #IPC #InterProcessCommunication

Cache

https://developer.mozilla.org/en-US/docs/Web/API/Cache

#HackerNews #Cache #WebAPI #Developer #MDN #Performance

<template>: The Content Template element

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/template

#HackerNews #template #ContentTemplate #HTML #WebDevelopment #MDN

Tell me a new weird character sequence with special meaning in the scope of the web.

#:~:

What? Why not

#$ß✓*

could have been similarly unique and new.🤣 🤦‍♀️

But here we go: https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Fragment/Text_fragments

#web #browser #mdn #http #url

Launching MDN’s New Front End, by @mdn:

https://developer.mozilla.org/en-US/blog/launching-new-front-end/

#mdn

Two of the nicest new #JavaScript features of recent times:

Iterator Helpers (`.values()`) and `Array.fromAsync()`

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Iterator#iterator_helper_methods

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/fromAsync

#ecma262 #tc39 #mdn #ecmascript #webdev #webdevelopment

Made my personal website get the maximum amount of points of Mozilla's HTTP Observatory. Now, my static site delivers content as securely as it possibly can. I highly recommend anyone with a personal website to tweak it along with their webserver so that it gets at least a hundred points on HTTP Observatory.
https://developer.mozilla.org/en-US/observatory
The least you can do is add your site to the HSTS Preload list (https://hstspreload.org/).

#blog #personalwebsite #mozilla #mdn #http #caddyserver #hsts #webdev

BCD Watch：觀察 MDN 的 Browser Compatibility Data 有什麼變化

看到 Eric Meyer 弄了 BCD Watch 觀察 MDN 上面的 Browser Compatibility Data 變化：「Announcing BCD Wat

https://blog.gslin.org/archives/2024/09/29/12009/bcd-watch%ef%bc%9a%e8%a7%80%e5%af%9f-mdn-%e7%9a%84-browser-compatibility-data-%e6%9c%89%e4%bb%80%e9%ba%bc%e8%ae%8a%e5%8c%96/

#Browser #Computer #Murmuring #Network #RSS #Software #WWW #bcd #browser #compatibility #data #developer #feed #mdn #mozilla #network #rss #support #watch

Meine Runde hat sich ja für dieses Jahr "Masken des Nyarlathotep" gewünscht und ganz viele Termine zugesagt. Nach einer #SessionZero und der ersten Warmup-Runde mit gegenseitigem Kennenlernen der Charaktere geht es heute Abend in Lima mit dem Besuch beim Professor weiter... Mal sehen, wie weit sie kommen.

#pnpde #cthulhu #mdn