Celebrating 20 years of MDN
MDN turns 20! Let's look at how we started, how MDN became the most trusted resource for web developers, the impact it's had on the open web, and yes, there's cake, too.
MDN turns 20! Let's look at how we started, how MDN became the most trusted resource for web developers, the impact it's had on the open web, and yes, there's cake, too.
ナビゲーション API を使用すると、ブラウザーのナビゲーション操作を開始、介入、管理することができます。同時に、アプリケーションの履歴項目を確認することも可能です。これは、History API や window.location といった従来のウェブプラットフォーム機能の後継であり、それらの欠点を解消するとともに、特に単一ページアプリケーション (SPA) のニーズに対応することを目的としています。
信頼型 API (Trusted Types API) を使用することで、ウェブ開発者は、入力データが実行される可能性のある API に渡される前に、ユーザー指定の変換関数を通すようにすることができます。これによって、クライアント側の クロスサイトスクリプティング (XSS) 攻撃からの防御を強化できます。最も一般的なのは、変換関数が入力をサニタイズすることです。
CSS アンカー位置指定モジュールは、要素を結びつけるための機能を定義します。要素は、アンカー要素とアンカー位置指定要素として定義できます。アンカー位置指定要素は、アンカー要素に束縛することができます。アンカー位置決めされた要素は、そのサイズと位置を、結合されたアンカー要素のサイズと位置に相対的に設定することができます。
MDN's MCP server brings MDN's documentation and browser compatibility data directly into your editor or IDE, giving your LLM or coding agent access to accurate, up-to-date web platform information.
You may have spotted that MDN has a new frontend. There's plenty happening under the surface, so let's unpack the technologies we chose, the architectural decisions we made, and why we did a rebuild at all.
Image compression involves countless trade-offs between quality, size, and speed. In this final part of the series, we experiment with codecs, metrics, and tools to find practical ways to balance efficiency and visual fidelity.
Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages.
MDN closely follows W3C standards which helps me keep up with important topics. It's a complete package as it caters to everything; complex APIs, new browser functionalities, and best practices. MDN serves as a truly valuable resource and continues to assist me in my everyday development.参加する
