| Project: /youtube/cobalt/_project.yaml |
| Book: /youtube/cobalt/_book.yaml |
| |
| # Cobalt Support Quick Reference |
| |
| ## HTML elements |
| |
| * `<a>` |
| * `<audio>` |
| * `<body>` |
| * `<br>` |
| * `<div>` |
| * `<head>` |
| * `<html>` |
| * `<link>` (with `type="text/css"`) |
| * `<lottie-player>` |
| * `<meta>` |
| * `<script>` |
| * `<span>` |
| * `<style>` |
| * `<title>` |
| * `<video>` |
| |
| ## CSS properties |
| |
| * [align-content](https://www.w3.org/TR/css-flexbox-1/#propdef-align-content) |
| * [align-items](https://www.w3.org/TR/css-flexbox-1/#propdef-align-items) |
| * [align-self](https://www.w3.org/TR/css-flexbox-1/#propdef-align-self) |
| * [animation]( |
| https://www.w3.org/TR/css3-animations/#animation-shorthand-property) |
| * [background](https://www.w3.org/TR/css3-background/#the-background), |
| [background-color]( |
| https://www.w3.org/TR/css3-background/#the-background-color), |
| [background-image]( |
| https://www.w3.org/TR/css3-background/#the-background-image) |
| * [border](https://www.w3.org/TR/css3-background/#the-border-shorthands), |
| [border-top]( |
| https://www.w3.org/TR/css3-background/#the-border-shorthands), |
| [border-bottom]( |
| https://www.w3.org/TR/css3-background/#the-border-shorthands), |
| [border-left]( |
| https://www.w3.org/TR/css3-background/#the-border-shorthands), |
| [border-right]( |
| https://www.w3.org/TR/css3-background/#the-border-shorthands) |
| * [border-radius](https://www.w3.org/TR/css3-background/#the-border-radius) |
| * [border-style](https://www.w3.org/TR/css3-background/#the-border-style) |
| * [border-width](https://www.w3.org/TR/css3-background/#the-border-width) |
| * [box-shadow](https://www.w3.org/TR/css3-background/#the-box-shadow) |
| * [color](https://www.w3.org/TR/css3-color/#foreground) |
| * [content](https://www.w3.org/TR/CSS21/generate.html#content) |
| * [display](https://www.w3.org/TR/CSS21/visuren.html#propdef-display) |
| * [dpi](https://www.w3.org/TR/css-values-3/#resolution) |
| * [flex](https://www.w3.org/TR/css-flexbox-1/#propdef-flex) |
| * [flex-basis](https://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis) |
| * [flex-direction]( |
| https://www.w3.org/TR/css-flexbox-1/#flex-direction-property) |
| * [flex-flow](https://www.w3.org/TR/css-flexbox-1/#flex-flow-property) |
| * [flex-grow](https://www.w3.org/TR/css-flexbox-1/#propdef-flex-grow) |
| * [flex-shrink](https://www.w3.org/TR/css-flexbox-1/#propdef-flex-shrink) |
| * [flex-wrap](https://www.w3.org/TR/css-flexbox-1/#flex-wrap-property) |
| * [font](https://www.w3.org/TR/css-fonts-3/#font-prop) |
| * [@font-face](https://www.w3.org/TR/css-fonts-3/#font-face-rule) |
| * [font-family](https://www.w3.org/TR/css-fonts-3/#propdef-font-family) |
| * [font-size](https://www.w3.org/TR/css-fonts-3/#font-size-prop) |
| * [font-style](https://www.w3.org/TR/css-fonts-3/#font-style-prop) |
| * [font-weight](https://www.w3.org/TR/css-fonts-3/#font-weight-prop) |
| * [justify-content]( |
| https://www.w3.org/TR/css-flexbox-1/#propdef-justify-content) |
| * [line-height](https://www.w3.org/TR/CSS2/visudet.html#propdef-line-height) |
| * [margin](https://www.w3.org/TR/CSS21/box.html#margin-properties), |
| [margin-top](https://www.w3.org/TR/CSS21/box.html#margin-properties), |
| [margin-bottom](https://www.w3.org/TR/CSS21/box.html#margin-properties), |
| [margin-left](https://www.w3.org/TR/CSS21/box.html#margin-properties), |
| [margin-right](https://www.w3.org/TR/CSS21/box.html#margin-properties) |
| * [max-height](https://www.w3.org/TR/CSS2/visudet.html#min-max-heights), |
| [max-width](https://www.w3.org/TR/CSS2/visudet.html#min-max-widths) |
| * [@media](https://www.w3.org/TR/css3-mediaqueries/) |
| * [opacity](https://www.w3.org/TR/css3-color/#transparency) |
| * [order](https://www.w3.org/TR/css-flexbox-1/#order-property) |
| * [overflow](https://www.w3.org/TR/CSS2/visufx.html#overflow) |
| * [padding](https://www.w3.org/TR/CSS21/box.html#padding-properties), |
| [padding-top](https://www.w3.org/TR/CSS21/box.html#padding-properties), |
| [padding-bottom](https://www.w3.org/TR/CSS21/box.html#padding-properties), |
| [padding-left](https://www.w3.org/TR/CSS21/box.html#padding-properties), |
| [padding-right](https://www.w3.org/TR/CSS21/box.html#padding-properties) |
| * [position](https://www.w3.org/TR/CSS21/visuren.html#propdef-position) |
| * [top](https://www.w3.org/TR/CSS21/visuren.html#position-props), |
| [bottom](https://www.w3.org/TR/CSS21/visuren.html#position-props), |
| [left](https://www.w3.org/TR/CSS21/visuren.html#position-props), |
| [right](https://www.w3.org/TR/CSS21/visuren.html#position-props) |
| * [transform](https://www.w3.org/TR/css-transforms-1/#transform-property) |
| * [transform-origin]( |
| https://www.w3.org/TR/css-transforms-1/#propdef-transform-origin) |
| * [transition]( |
| https://www.w3.org/TR/css3-transitions/#transition-shorthand-property) |
| * [transition-delay]( |
| https://www.w3.org/TR/css3-transitions/#transition-delay-property) |
| * [transition-duration]( |
| https://www.w3.org/TR/css3-transitions/#transition-duration-property) |
| * [transition-property]( |
| https://www.w3.org/TR/css3-transitions/#transition-property-property) |
| * [transition-timing-function]( |
| https://www.w3.org/TR/css3-transitions/#transition-timing-function-property) |
| * [text-align](https://www.w3.org/TR/css-text-3/#text-align) |
| * [text-indent](https://www.w3.org/TR/css-text-3/#text-indent-property) |
| * [text-overflow](https://www.w3.org/TR/css3-ui/#propdef-text-overflow) |
| * [text-shadow](https://www.w3.org/TR/css-text-decor-3/#text-shadow-property) |
| * [text-transform](https://www.w3.org/TR/css-text-3/#text-transform-property) |
| * [vertical-align]( |
| https://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align) |
| (supported values: `top`, `bottom`, `middle`, `baseline`) |
| * [visibility](https://www.w3.org/TR/CSS21/visufx.html#visibility) |
| * [white-space](https://www.w3.org/TR/css-text-3/#white-space-property) |
| * [z-index](https://www.w3.org/TR/CSS21/visuren.html#propdef-z-index) |
| |
| ## CSS selectors |
| |
| * Simple selectors: |
| ['*'](https://www.w3.org/TR/selectors4/#universal-selector), |
| [type](https://www.w3.org/TR/selectors4/#type-selectors), |
| [.class](https://www.w3.org/TR/selectors4/#class-html), |
| [#id](https://www.w3.org/TR/selectors4/#id-selectors), |
| [:empty](https://www.w3.org/TR/selectors4/#empty-pseudo), |
| [:focus](https://www.w3.org/TR/selectors4/#focus-pseudo), |
| [:not()](https://www.w3.org/TR/selectors4/#negation-pseudo) |
| * Pseudo elements: |
| [:before](https://www.w3.org/TR/selectors4/#pseudo-element), |
| [:after](https://www.w3.org/TR/selectors4/#pseudo-element), |
| * Combinators: |
| [' '](https://www.w3.org/TR/selectors4/#descendant-combinators), |
| ['>'](https://www.w3.org/TR/selectors4/#child-combinators), |
| ['+'](https://www.w3.org/TR/selectors4/#adjacent-sibling-combinators), |
| ['~'](https://www.w3.org/TR/selectors4/#general-sibling-combinators) |
| * [Grouping with ','](https://www.w3.org/TR/selectors4/#grouping) |
| |
| ## JavaScript Web APIs |
| |
| * [`Crypto.getRandomValues`]( |
| https://www.w3.org/TR/WebCryptoAPI/#crypto-interface) |
| * [CSSOM]( |
| http://www.w3.org/TR/cssom/) (partial) |
| * [CSSOM View](https://www.w3.org/TR/cssom-view-1/) |
| (no scrolling, moving, resizing) |
| * `Console.log` |
| * [CORS](https://www.w3.org/TR/2020/SPSD-cors-20200602/) |
| * [DOM4](http://www.w3.org/TR/dom/) (partial) |
| * [EncryptedMedia Extensions v0.1b]( |
| https://dvcs.w3.org/hg/html-media/raw-file/eme-v0.1b/encrypted-media/encrypted-media.html) (unprefixed) |
| * [Fetch]( |
| https://www.w3.org/TR/cors/) (supports text(), JSON(), arrayBuffer(), types) |
| * `Image` (for preloading and caching only) |
| * [Intersection Observer](https://www.w3.org/TR/intersection-observer/) |
| * [Media Session](https://www.w3.org/TR/mediasession/) |
| * [Media Source Extensions, Editor's Draft 09 August 2012]( |
| https://rawgit.com/w3c/media-source/6747ed7a3206f646963d760100b0f37e2fc7e47e/media-source.html) |
| * [Streams API](https://www.w3.org/TR/streams-api/) |
| * [SubtleCrypto](https://www.w3.org/TR/WebCryptoAPI/#subtlecrypto-interface) |
| * [Typed Arrays]( |
| https://www.khronos.org/registry/typedarray/specs/latest/) (partial) |
| * [URL](https://url.spec.whatwg.org/#api) (partial) |
| * [Web Audio API](https://www.w3.org/TR/webaudio/) (partial) |
| * [Web Storage API](https://www.w3.org/TR/webstorage/) |
| * [WebIDL Level 2](http://dev.w3.org/2006/webapi/WebIDL/) |
| * [WebSocket API](https://www.w3.org/TR/websockets/) |
| * [`window.atob()` and `window.btoa()`]( |
| https://html.spec.whatwg.org/multipage/webappapis.html#dom-windowbase64-btoa) |
| * [XMLHttpRequest Level 1](http://www.w3.org/TR/XMLHttpRequest/) |
| |
| ## Protocols |
| |
| * https: |
| * h5vcc-embedded: (for embedded resources) |
| * [Content Security Policy Level 2](https://www.w3.org/TR/CSP2/) |
| in HTTP headers is _required_, and report-only is disabled. |
| * QUIC |
| * SPDY |
| |
| ## Media formats |
| |
| ### Containers |
| |
| * FLV |
| * MKV (for WebM) |
| * MP4/FMP4 |
| * WAV |
| |
| ### Encodings (depending on platform support) |
| |
| * 16-bit stereo PCM audio (for sound effects) |
| * AAC |
| * AV1 |
| * AVC (H.264) at 1080p/60fps ([Level |
| 4.2](https://en.wikipedia.org/wiki/H.264/MPEG-4_AVC#Levels)) |
| * Dolby Digital (AC-3) |
| * Dolby Digital Plus (Enhanced AC-3, or EAC-3) |
| * HEVC (H.265) |
| * VP8/Vorbis |
| * VP9/Opus |
| |
| ### Images |
| |
| * JPEG |
| * PNG |
| * WebP (including animated) |
