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 ã¢ã³ã«ã¼ä½ç½®æå®ã¢ã¸ã¥ã¼ã«ã¯ãè¦ç´ ãçµã³ã¤ããããã®æ©è½ãå®ç¾©ãã¾ããè¦ç´ ã¯ãã¢ã³ã«ã¼è¦ç´ ã¨ã¢ã³ã«ã¼ä½ç½®æå®è¦ç´ ã¨ãã¦å®ç¾©ã§ãã¾ããã¢ã³ã«ã¼ä½ç½®æå®è¦ç´ ã¯ãã¢ã³ã«ã¼è¦ç´ ã«æç¸ãããã¨ãã§ãã¾ããã¢ã³ã«ã¼ä½ç½®æ±ºããããè¦ç´ ã¯ããã®ãµã¤ãºã¨ä½ç½®ããçµåãããã¢ã³ã«ã¼è¦ç´ ã®ãµã¤ãºã¨ä½ç½®ã«ç¸å¯¾çã«è¨å®ãããã¨ãã§ãã¾ãã
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 is getting a facelift ð. Discover what's changed, what's improved, and how navigating the site just got smoother.