yari-demos.prod.mdn.mozit.cloud Open in urlscan Pro
2600:9000:2025:a600:2:eb5:8c00:93a1  Public Scan

Submitted URL: http://yari-demos.prod.mdn.mozit.cloud/
Effective URL: https://yari-demos.prod.mdn.mozit.cloud/en-US/
Submission: On January 12 via api from JP — Scanned from JP

Form analysis 2 forms found in the DOM

/en-us/search

<form action="/en-us/search" role="search" aria-haspopup="listbox" aria-owns="top-nav-search-menu" aria-expanded="false" class="search-form search-widget" id="top-nav-search-form"><label id="top-nav-search-label" for="top-nav-search-input"
    class="visually-hidden">Search MDN</label><input id="top-nav-search-input" aria-autocomplete="list" aria-controls="top-nav-search-menu" aria-labelledby="top-nav-search-label" autocomplete="off" type="search" class="search-input-field" name="q"
    placeholder="   " required="" value=""><button type="button" class="button action has-icon clear-search-button"><span class="button-wrap"><span class="icon icon-cancel "></span><span class="visually-hidden">Clear search
        input</span></span></button><button type="submit" class="button action has-icon search-button"><span class="button-wrap"><span class="icon icon-search "></span><span class="visually-hidden">Search</span></span></button>
  <div id="top-nav-search-menu" role="listbox" aria-labelledby="top-nav-search-label"></div>
</form>

/en-us/search

<form action="/en-us/search" role="search" aria-haspopup="listbox" aria-owns="hp-search-menu" aria-expanded="false" class="search-form search-widget" id="hp-search-form"><label id="hp-search-label" for="hp-search-input" class="visually-hidden">Search
    MDN</label><input id="hp-search-input" aria-autocomplete="list" aria-controls="hp-search-menu" aria-labelledby="hp-search-label" autocomplete="off" type="search" class="search-input-field" name="q" placeholder="   " required="" value=""><button
    type="button" class="button action has-icon clear-search-button"><span class="button-wrap"><span class="icon icon-cancel "></span><span class="visually-hidden">Clear search input</span></span></button><button type="submit"
    class="button action has-icon search-button"><span class="button-wrap"><span class="icon icon-search "></span><span class="visually-hidden">Search</span></span></button>
  <div id="hp-search-menu" role="listbox" aria-labelledby="hp-search-label"></div>
</form>

Text Content

 * Skip to main content
 * Skip to search

MDN Plus now available in your country! Support MDN and make it your own. Learn
more ✨


MDN Web DocsOpen main menu
 * ReferencesReferences
   * Overview / Web Technology
     
     Web technology reference for developers
   
   * HTML
     
     Structure of content on the web
   
   * CSS
     
     Code used to describe document style
   
   * JavaScript
     
     General-purpose scripting language
   
   * HTTP
     
     Protocol for transmitting web resources
   
   * Web APIs
     
     Interfaces for building web applications
   
   * Web Extensions
     
     Developing extensions for web browsers
   
   * Web Technology
     
     Web technology reference for developers
 * GuidesGuides
   * Overview / MDN Learning Area
     
     Learn web development
   
   * MDN Learning Area
     
     Learn web development
   
   * HTML
     
     Learn to structure web content with HTML
   
   * CSS
     
     Learn to style content using CSS
   
   * JavaScript
     
     Learn to run scripts in the browser
   
   * Accessibility
     
     Learn to make the web accessible to all
 * MDN PlusMDN Plus
   * Overview
     
     A customized MDN experience
   
   * 
     New feature
     Updates
     
     All browser compatibility updates at a glance
   
   * Documentation
     
     Learn how to use MDN Plus
   
   * FAQ
     
     Frequently asked questions about MDN Plus

Search MDNClear search inputSearch

Theme
 * Already a subscriber?
 * Get MDN Plus


RESOURCES FOR DEVELOPERS,
BY DEVELOPERS

Documenting web technologies, including CSS, HTML, and JavaScript, since 2005.

Search MDNClear search inputSearch

Mandala   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++{{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}     ../../
   ../../    ../../    ../../    ../../    ../../
   ../../<></><></><></><></><></><></><></><></><></><></><></><></><></><></><></><></>


FEATURED ARTICLES

Web APIs


GETTING STARTED WITH WEBGL

WebGL enables web content to use an API based on OpenGL ES 2.0 to perform 2D and
3D rendering in an HTML canvas in browsers that support it without the use of
plug-ins.

CSS


CSS CONTAINER QUERIES

CSS containment provides a way to isolate parts of a page and declare to the
browser these parts are independent from the rest of the page in terms of styles
and layout.

Web APIs


PERFORMANCE API

The Performance API is a group of standards used to measure the performance of
web applications.

CSS


FONT-PALETTE

The font-palette CSS property allows specifying one of the many palettes
contained in a font that a user agent should use for the font. Users can also
override the values in a palette or create a new palette by using the
@font-palette-values at-rule.


LATEST NEWS

 * Revamp of MDN Web Docs Contribution Docshacks.mozilla.org
   
   2 months ago

 * The 100% Markdown Expeditionhacks.mozilla.org
   
   4 months ago

 * Merging two GitHub repositories without losing commit
   historyhacks.mozilla.org
   
   4 months ago


RECENT CONTRIBUTIONS

 * HID disconnect: Match the example to the descriptionmdn/content
   
   9 hours ago

 * Remove self-linkmdn/content
   
   9 hours ago

 * Update index.md to fix a calculate mistakemdn/translated-content
   
   10 hours ago

 * fix livesample (Part 4)mdn/translated-content
   
   10 hours ago

 * sync with english version for `SubtleCrypto` interfacemdn/translated-content
   
   10 hours ago

 * Create page for CSPViolationReportBody APImdn/content
   
   12 hours ago

 * chore(meta): Updates roles and nomination processesmdn/content
   
   12 hours ago

 * Fix examplemdn/content
   
   13 hours ago

 * fix: add FDQN and DL markdownlint rulesmdn/translated-content
   
   18 hours ago

 * Update index.mdmdn/translated-content
   
   18 hours ago


CONTRIBUTOR SPOTLIGHT

Yuji

> MDN Web Docs has the most up-to-date and accurate information and the content
> is presented in an easy-to-understand manner. I also like that it's available
> in many languages (very important!).

Get involved →
Mandala   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++{{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}     ../../
   ../../    ../../    ../../    ../../    ../../
   ../../<></><></><></><></><></><></><></><></><></><></><></><></><></><></><></><></>
MDN logo

Your blueprint for a better internet.

 * MDN on Twitter
 * MDN on GitHub


MDN

 * About
 * Hacks Blog
 * Careers


SUPPORT

 * Product help
 * Report an issue


OUR COMMUNITIES

 * MDN Community
 * MDN Forum
 * MDN Chat


DEVELOPERS

 * Web Technologies
 * Learn Web Development
 * MDN Plus

Mozilla logo
 * Website Privacy Notice
 * Cookies
 * Legal
 * Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2023 by individual mozilla.org contributors.
Content available under a Creative Commons license.