Skip to content

Commit

Permalink
Add page-types for guide areas of MDN (#27624)
Browse files Browse the repository at this point in the history
* Add page-types for guide areas of MDN

* howto -> how-to

* Add tutorial-chapter
  • Loading branch information
teoli2003 authored Jul 4, 2023
1 parent fbabe3a commit e74627e
Show file tree
Hide file tree
Showing 126 changed files with 132 additions and 1 deletion.
1 change: 1 addition & 0 deletions files/en-us/games/tutorials/touch_event_horizon/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Touch Event Horizon
slug: Games/Tutorials/Touch_Event_Horizon
page-type: guide
---

{{GamesSidebar}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/related/imsc/basics/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: IMSC basics
slug: Related/IMSC/Basics
page-type: guide
---

IMSC allows you to add subtitles or captions to your online video. In this article we'll take you through what you need to get started, including basic document structure, and the basics of how to style, time, and position subtitles.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/related/imsc/imsc_and_other_standards/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: IMSC and other standards
slug: Related/IMSC/IMSC_and_other_standards
page-type: guide
---

IMSC is the result of an international effort to bring together popular profiles of [TTML](https://www.w3.org/TR/ttml/), like [EBU-TT-D](https://tech.ebu.ch/publications/tech3380) and [SMPTE-TT](https://ieeexplore.ieee.org/document/7291854). This article provides an overview how IMSC is related to these other subtitle standards, and explains the differences between the versions of IMSC.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/related/imsc/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: "IMSC: subtitles and captioning for the Web"
slug: Related/IMSC
page-type: guide
---

IMSC (TTML Profiles for Internet Media Subtitles and Captions) is a file format for representing subtitles and captions. It uses XML to describe content, timing, layout, and styling. IMSC is very similar to HTML and CSS in concept — in fact, most IMSC styles have a direct equivalent in CSS.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Mapping video time codes to IMSC
slug: Related/IMSC/Mapping_video_time_codes_to_IMSC
page-type: guide
---

Mapping the time or time code value that is seen within a video track or video editor timeline to an IMSC document can be a little tricky. There are a few different issues that you'll need to be aware of, which we'll cover in this article.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/related/imsc/namespaces/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Namespaces in IMSC
slug: Related/IMSC/Namespaces
page-type: guide
---

This article covers the subject of XML namespaces, giving you enough information to recognize their usage in IMSC, and be able to use it effectively.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/related/imsc/styling/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Styling IMSC documents
slug: Related/IMSC/Styling
page-type: guide
---

IMSC offers many options for styling documents, and most of the IMSC styling properties have direct CSS equivalents, making them familiar to web developers. In this guide you'll learn a bit more about IMSC styling including the difference between inline and referential styling, and efficient styling using inheritance and region styling.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/related/imsc/subtitle_placement/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Subtitle placement in IMSC
slug: Related/IMSC/Subtitle_placement
page-type: guide
---

IMSC allows for very explicit positioning of the text over the video content you are displaying it against. There are a few tricks and best practices that can be used in order to simplify the placement of the on-screen text.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/related/imsc/timing_in_imsc/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Timing in IMSC
slug: Related/IMSC/Timing_in_IMSC
page-type: guide
---

When building an IMSC document, each defined piece of text must include timing information to specify when it should appear. There are multiple ways to describe when a subtitle should start and stop displaying, with pros and cons to each method. This article explains those different methods.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Using the imscJS polyfill
slug: Related/IMSC/Using_the_imscJS_polyfill
page-type: guide
---

You currently need a polyfill to render IMSC on the web. imscJS is a good choice as it is actively maintained and has almost complete coverage of the IMSC features. This article shows you how to make use of imscJS and how to integrate it on your own website.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/related/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Web-related technologies
slug: Related
page-type: landing-page
---

This section of the site is a home for documentation on web-related technologies that aren't central to the MDN's remit (i.e. they aren't web standards technologies), but are nonetheless related to the web and of interest to web developers.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/ajax/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Ajax
slug: Web/Guide/AJAX
page-type: landing-page
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/api/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Guide to Web APIs
slug: Web/Guide/API
page-type: landing-page
---

<section id="Quick_links">
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Adding captions and subtitles to HTML video
slug: Web/Guide/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Audio_and_video_delivery")}}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Media buffering, seeking, and time ranges
slug: Web/Guide/Audio_and_video_delivery/buffering_seeking_time_ranges
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Audio_and_video_delivery")}}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Cross-browser audio basics
slug: Web/Guide/Audio_and_video_delivery/Cross-browser_audio_basics
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Audio_and_video_delivery")}}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Creating a cross-browser video player
slug: Web/Guide/Audio_and_video_delivery/cross_browser_video_player
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Audio_and_video_delivery")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/audio_and_video_delivery/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Audio and Video Delivery
slug: Web/Guide/Audio_and_video_delivery
page-type: guide
---

<section id="Quick_links">
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Livestreaming web audio and video
slug: Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_video
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Audio_and_video_delivery")}}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Setting up adaptive streaming media sources
slug: Web/Guide/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Audio_and_video_delivery")}}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Video player styling basics
slug: Web/Guide/Audio_and_video_delivery/Video_player_styling_basics
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Audio_and_video_delivery")}}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Writing Web Audio API code that works in every browser
slug: Web/Guide/Audio_and_video_delivery/Web_Audio_API_cross_browser
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Audio_and_video_delivery")}}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Web Audio playbackRate explained
slug: Web/Guide/Audio_and_video_delivery/WebAudio_playbackRate_explained
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Audio_and_video_delivery")}}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Audio and video manipulation
slug: Web/Guide/Audio_and_video_manipulation
page-type: guide
---

<section id="Quick_links">
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Block formatting context
slug: Web/Guide/CSS/Block_formatting_context
page-type: guide
spec-urls: https://drafts.csswg.org/css-display/#block-formatting-context
---

Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/css/css_layout/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: CSS Layout
slug: Web/Guide/CSS/CSS_Layout
page-type: guide
---

There are a number of methods that you can use to lay out your web pages and applications. MDN contains a number of in-depth guides to the different methods, and this page provides an overview of them all.
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Challenge solutions
slug: Web/Guide/CSS/Getting_started/Challenge_solutions
page-type: guide
---

This page provides solutions to the challenges posed in the [CSS Getting Started](/en-US/docs/Learn/CSS/First_steps) tutorial. These are not the only possible solutions. The sections below correspond to the titles of the tutorial sections.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/graphics/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Graphics on the Web
slug: Web/Guide/Graphics
page-type: landing-page
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/houdini/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: CSS Houdini
slug: Web/Guide/Houdini
page-type: guide
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Developer guides
slug: Web/Guide
page-type: landing-page
---

<section id="Quick_links">
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Introduction to Web development
slug: Web/Guide/Introduction_to_Web_development
page-type: landing-page
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/mobile/a_hybrid_approach/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: A hybrid approach
slug: Web/Guide/Mobile/A_hybrid_approach
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Mobile")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/mobile/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Mobile Web Development
slug: Web/Guide/Mobile
page-type: guide
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/mobile/mobile-friendliness/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Mobile-friendliness
slug: Web/Guide/Mobile/Mobile-friendliness
page-type: guide
---

{{QuickLinksWithSubPages("/en-US/docs/Web/Guide/Mobile")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/parsing_and_serializing_xml/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Parsing and serializing XML
slug: Web/Guide/Parsing_and_serializing_XML
page-type: guide
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/performance/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Optimization and performance
slug: Web/Guide/Performance
page-type: landing-page
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/printing/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Printing
slug: Web/Guide/Printing
page-type: guide
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/user_input_methods/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: User input and controls
slug: Web/Guide/User_input_methods
page-type: guide
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/guide/woff/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: The Web Open Font Format (WOFF)
slug: Web/Guide/WOFF
page-type: guide
browser-compat:
- css.at-rules.font-face.WOFF
- css.at-rules.font-face.WOFF_2
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Writing forward-compatible websites
slug: Web/Guide/Writing_forward-compatible_websites
page-type: guide
---

<section id="Quick_links">
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/media/autoplay_guide/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Autoplay guide for media and Web Audio APIs
slug: Web/Media/Autoplay_guide
page-type: guide
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Media")}}
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: DASH Adaptive Streaming for HTML 5 Video
slug: Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video
page-type: guide
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Media")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/media/formats/audio_codecs/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Web audio codec guide
slug: Web/Media/Formats/Audio_codecs
page-type: guide
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Media")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/media/formats/audio_concepts/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Digital audio concepts
slug: Web/Media/Formats/Audio_concepts
page-type: guide
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Media")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/media/formats/codecs_parameter/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Codecs in common media types
slug: Web/Media/Formats/codecs_parameter
page-type: guide
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Media")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/media/formats/containers/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Media container formats (file types)
slug: Web/Media/Formats/Containers
page-type: guide
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Media")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/media/formats/image_types/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Image file type and format guide
slug: Web/Media/Formats/Image_types
page-type: guide
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Media")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/media/formats/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: "Media type and format guide: image, audio, and video content"
slug: Web/Media/Formats
page-type: guide
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Media")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/media/formats/support_issues/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Handling media support issues in web content
slug: Web/Media/Formats/Support_issues
page-type: guide
---

One of the realities of working with audio and video presentation and manipulation on the web is that there are a number of media formats available, of varying degrees of popularity and with a variety of capabilities. The availability of choices is good for the user, in that they can choose the format that suits their needs best. There is a drawback, however: because there are so many to choose from, with so many different kinds of licenses and design principles involved, each web browser developer is left to its own devices when deciding which media file types and codecs to support.
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/media/formats/video_codecs/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
title: Web video codec guide
slug: Web/Media/Formats/Video_codecs
page-type: guide
---

{{QuickLinksWithSubpages("/en-US/docs/Web/Media")}}
Expand Down
Loading

0 comments on commit e74627e

Please sign in to comment.