├── LICENSE
├── README.md
└── index.html


/LICENSE:
--------------------------------------------------------------------------------
  1 | 
  2 |                 GNU Free Documentation License
  3 |                  Version 1.3, 3 November 2008
  4 | 
  5 | 
  6 |  Copyright (C) 2000, 2001, 2002, 2007, 2008 Free Software Foundation, Inc.
  7 |      <https://fsf.org/>
  8 |  Everyone is permitted to copy and distribute verbatim copies
  9 |  of this license document, but changing it is not allowed.
 10 | 
 11 | 0. PREAMBLE
 12 | 
 13 | The purpose of this License is to make a manual, textbook, or other
 14 | functional and useful document "free" in the sense of freedom: to
 15 | assure everyone the effective freedom to copy and redistribute it,
 16 | with or without modifying it, either commercially or noncommercially.
 17 | Secondarily, this License preserves for the author and publisher a way
 18 | to get credit for their work, while not being considered responsible
 19 | for modifications made by others.
 20 | 
 21 | This License is a kind of "copyleft", which means that derivative
 22 | works of the document must themselves be free in the same sense.  It
 23 | complements the GNU General Public License, which is a copyleft
 24 | license designed for free software.
 25 | 
 26 | We have designed this License in order to use it for manuals for free
 27 | software, because free software needs free documentation: a free
 28 | program should come with manuals providing the same freedoms that the
 29 | software does.  But this License is not limited to software manuals;
 30 | it can be used for any textual work, regardless of subject matter or
 31 | whether it is published as a printed book.  We recommend this License
 32 | principally for works whose purpose is instruction or reference.
 33 | 
 34 | 
 35 | 1. APPLICABILITY AND DEFINITIONS
 36 | 
 37 | This License applies to any manual or other work, in any medium, that
 38 | contains a notice placed by the copyright holder saying it can be
 39 | distributed under the terms of this License.  Such a notice grants a
 40 | world-wide, royalty-free license, unlimited in duration, to use that
 41 | work under the conditions stated herein.  The "Document", below,
 42 | refers to any such manual or work.  Any member of the public is a
 43 | licensee, and is addressed as "you".  You accept the license if you
 44 | copy, modify or distribute the work in a way requiring permission
 45 | under copyright law.
 46 | 
 47 | A "Modified Version" of the Document means any work containing the
 48 | Document or a portion of it, either copied verbatim, or with
 49 | modifications and/or translated into another language.
 50 | 
 51 | A "Secondary Section" is a named appendix or a front-matter section of
 52 | the Document that deals exclusively with the relationship of the
 53 | publishers or authors of the Document to the Document's overall
 54 | subject (or to related matters) and contains nothing that could fall
 55 | directly within that overall subject.  (Thus, if the Document is in
 56 | part a textbook of mathematics, a Secondary Section may not explain
 57 | any mathematics.)  The relationship could be a matter of historical
 58 | connection with the subject or with related matters, or of legal,
 59 | commercial, philosophical, ethical or political position regarding
 60 | them.
 61 | 
 62 | The "Invariant Sections" are certain Secondary Sections whose titles
 63 | are designated, as being those of Invariant Sections, in the notice
 64 | that says that the Document is released under this License.  If a
 65 | section does not fit the above definition of Secondary then it is not
 66 | allowed to be designated as Invariant.  The Document may contain zero
 67 | Invariant Sections.  If the Document does not identify any Invariant
 68 | Sections then there are none.
 69 | 
 70 | The "Cover Texts" are certain short passages of text that are listed,
 71 | as Front-Cover Texts or Back-Cover Texts, in the notice that says that
 72 | the Document is released under this License.  A Front-Cover Text may
 73 | be at most 5 words, and a Back-Cover Text may be at most 25 words.
 74 | 
 75 | A "Transparent" copy of the Document means a machine-readable copy,
 76 | represented in a format whose specification is available to the
 77 | general public, that is suitable for revising the document
 78 | straightforwardly with generic text editors or (for images composed of
 79 | pixels) generic paint programs or (for drawings) some widely available
 80 | drawing editor, and that is suitable for input to text formatters or
 81 | for automatic translation to a variety of formats suitable for input
 82 | to text formatters.  A copy made in an otherwise Transparent file
 83 | format whose markup, or absence of markup, has been arranged to thwart
 84 | or discourage subsequent modification by readers is not Transparent.
 85 | An image format is not Transparent if used for any substantial amount
 86 | of text.  A copy that is not "Transparent" is called "Opaque".
 87 | 
 88 | Examples of suitable formats for Transparent copies include plain
 89 | ASCII without markup, Texinfo input format, LaTeX input format, SGML
 90 | or XML using a publicly available DTD, and standard-conforming simple
 91 | HTML, PostScript or PDF designed for human modification.  Examples of
 92 | transparent image formats include PNG, XCF and JPG.  Opaque formats
 93 | include proprietary formats that can be read and edited only by
 94 | proprietary word processors, SGML or XML for which the DTD and/or
 95 | processing tools are not generally available, and the
 96 | machine-generated HTML, PostScript or PDF produced by some word
 97 | processors for output purposes only.
 98 | 
 99 | The "Title Page" means, for a printed book, the title page itself,
100 | plus such following pages as are needed to hold, legibly, the material
101 | this License requires to appear in the title page.  For works in
102 | formats which do not have any title page as such, "Title Page" means
103 | the text near the most prominent appearance of the work's title,
104 | preceding the beginning of the body of the text.
105 | 
106 | The "publisher" means any person or entity that distributes copies of
107 | the Document to the public.
108 | 
109 | A section "Entitled XYZ" means a named subunit of the Document whose
110 | title either is precisely XYZ or contains XYZ in parentheses following
111 | text that translates XYZ in another language.  (Here XYZ stands for a
112 | specific section name mentioned below, such as "Acknowledgements",
113 | "Dedications", "Endorsements", or "History".)  To "Preserve the Title"
114 | of such a section when you modify the Document means that it remains a
115 | section "Entitled XYZ" according to this definition.
116 | 
117 | The Document may include Warranty Disclaimers next to the notice which
118 | states that this License applies to the Document.  These Warranty
119 | Disclaimers are considered to be included by reference in this
120 | License, but only as regards disclaiming warranties: any other
121 | implication that these Warranty Disclaimers may have is void and has
122 | no effect on the meaning of this License.
123 | 
124 | 2. VERBATIM COPYING
125 | 
126 | You may copy and distribute the Document in any medium, either
127 | commercially or noncommercially, provided that this License, the
128 | copyright notices, and the license notice saying this License applies
129 | to the Document are reproduced in all copies, and that you add no
130 | other conditions whatsoever to those of this License.  You may not use
131 | technical measures to obstruct or control the reading or further
132 | copying of the copies you make or distribute.  However, you may accept
133 | compensation in exchange for copies.  If you distribute a large enough
134 | number of copies you must also follow the conditions in section 3.
135 | 
136 | You may also lend copies, under the same conditions stated above, and
137 | you may publicly display copies.
138 | 
139 | 
140 | 3. COPYING IN QUANTITY
141 | 
142 | If you publish printed copies (or copies in media that commonly have
143 | printed covers) of the Document, numbering more than 100, and the
144 | Document's license notice requires Cover Texts, you must enclose the
145 | copies in covers that carry, clearly and legibly, all these Cover
146 | Texts: Front-Cover Texts on the front cover, and Back-Cover Texts on
147 | the back cover.  Both covers must also clearly and legibly identify
148 | you as the publisher of these copies.  The front cover must present
149 | the full title with all words of the title equally prominent and
150 | visible.  You may add other material on the covers in addition.
151 | Copying with changes limited to the covers, as long as they preserve
152 | the title of the Document and satisfy these conditions, can be treated
153 | as verbatim copying in other respects.
154 | 
155 | If the required texts for either cover are too voluminous to fit
156 | legibly, you should put the first ones listed (as many as fit
157 | reasonably) on the actual cover, and continue the rest onto adjacent
158 | pages.
159 | 
160 | If you publish or distribute Opaque copies of the Document numbering
161 | more than 100, you must either include a machine-readable Transparent
162 | copy along with each Opaque copy, or state in or with each Opaque copy
163 | a computer-network location from which the general network-using
164 | public has access to download using public-standard network protocols
165 | a complete Transparent copy of the Document, free of added material.
166 | If you use the latter option, you must take reasonably prudent steps,
167 | when you begin distribution of Opaque copies in quantity, to ensure
168 | that this Transparent copy will remain thus accessible at the stated
169 | location until at least one year after the last time you distribute an
170 | Opaque copy (directly or through your agents or retailers) of that
171 | edition to the public.
172 | 
173 | It is requested, but not required, that you contact the authors of the
174 | Document well before redistributing any large number of copies, to
175 | give them a chance to provide you with an updated version of the
176 | Document.
177 | 
178 | 
179 | 4. MODIFICATIONS
180 | 
181 | You may copy and distribute a Modified Version of the Document under
182 | the conditions of sections 2 and 3 above, provided that you release
183 | the Modified Version under precisely this License, with the Modified
184 | Version filling the role of the Document, thus licensing distribution
185 | and modification of the Modified Version to whoever possesses a copy
186 | of it.  In addition, you must do these things in the Modified Version:
187 | 
188 | A. Use in the Title Page (and on the covers, if any) a title distinct
189 |    from that of the Document, and from those of previous versions
190 |    (which should, if there were any, be listed in the History section
191 |    of the Document).  You may use the same title as a previous version
192 |    if the original publisher of that version gives permission.
193 | B. List on the Title Page, as authors, one or more persons or entities
194 |    responsible for authorship of the modifications in the Modified
195 |    Version, together with at least five of the principal authors of the
196 |    Document (all of its principal authors, if it has fewer than five),
197 |    unless they release you from this requirement.
198 | C. State on the Title page the name of the publisher of the
199 |    Modified Version, as the publisher.
200 | D. Preserve all the copyright notices of the Document.
201 | E. Add an appropriate copyright notice for your modifications
202 |    adjacent to the other copyright notices.
203 | F. Include, immediately after the copyright notices, a license notice
204 |    giving the public permission to use the Modified Version under the
205 |    terms of this License, in the form shown in the Addendum below.
206 | G. Preserve in that license notice the full lists of Invariant Sections
207 |    and required Cover Texts given in the Document's license notice.
208 | H. Include an unaltered copy of this License.
209 | I. Preserve the section Entitled "History", Preserve its Title, and add
210 |    to it an item stating at least the title, year, new authors, and
211 |    publisher of the Modified Version as given on the Title Page.  If
212 |    there is no section Entitled "History" in the Document, create one
213 |    stating the title, year, authors, and publisher of the Document as
214 |    given on its Title Page, then add an item describing the Modified
215 |    Version as stated in the previous sentence.
216 | J. Preserve the network location, if any, given in the Document for
217 |    public access to a Transparent copy of the Document, and likewise
218 |    the network locations given in the Document for previous versions
219 |    it was based on.  These may be placed in the "History" section.
220 |    You may omit a network location for a work that was published at
221 |    least four years before the Document itself, or if the original
222 |    publisher of the version it refers to gives permission.
223 | K. For any section Entitled "Acknowledgements" or "Dedications",
224 |    Preserve the Title of the section, and preserve in the section all
225 |    the substance and tone of each of the contributor acknowledgements
226 |    and/or dedications given therein.
227 | L. Preserve all the Invariant Sections of the Document,
228 |    unaltered in their text and in their titles.  Section numbers
229 |    or the equivalent are not considered part of the section titles.
230 | M. Delete any section Entitled "Endorsements".  Such a section
231 |    may not be included in the Modified Version.
232 | N. Do not retitle any existing section to be Entitled "Endorsements"
233 |    or to conflict in title with any Invariant Section.
234 | O. Preserve any Warranty Disclaimers.
235 | 
236 | If the Modified Version includes new front-matter sections or
237 | appendices that qualify as Secondary Sections and contain no material
238 | copied from the Document, you may at your option designate some or all
239 | of these sections as invariant.  To do this, add their titles to the
240 | list of Invariant Sections in the Modified Version's license notice.
241 | These titles must be distinct from any other section titles.
242 | 
243 | You may add a section Entitled "Endorsements", provided it contains
244 | nothing but endorsements of your Modified Version by various
245 | parties--for example, statements of peer review or that the text has
246 | been approved by an organization as the authoritative definition of a
247 | standard.
248 | 
249 | You may add a passage of up to five words as a Front-Cover Text, and a
250 | passage of up to 25 words as a Back-Cover Text, to the end of the list
251 | of Cover Texts in the Modified Version.  Only one passage of
252 | Front-Cover Text and one of Back-Cover Text may be added by (or
253 | through arrangements made by) any one entity.  If the Document already
254 | includes a cover text for the same cover, previously added by you or
255 | by arrangement made by the same entity you are acting on behalf of,
256 | you may not add another; but you may replace the old one, on explicit
257 | permission from the previous publisher that added the old one.
258 | 
259 | The author(s) and publisher(s) of the Document do not by this License
260 | give permission to use their names for publicity for or to assert or
261 | imply endorsement of any Modified Version.
262 | 
263 | 
264 | 5. COMBINING DOCUMENTS
265 | 
266 | You may combine the Document with other documents released under this
267 | License, under the terms defined in section 4 above for modified
268 | versions, provided that you include in the combination all of the
269 | Invariant Sections of all of the original documents, unmodified, and
270 | list them all as Invariant Sections of your combined work in its
271 | license notice, and that you preserve all their Warranty Disclaimers.
272 | 
273 | The combined work need only contain one copy of this License, and
274 | multiple identical Invariant Sections may be replaced with a single
275 | copy.  If there are multiple Invariant Sections with the same name but
276 | different contents, make the title of each such section unique by
277 | adding at the end of it, in parentheses, the name of the original
278 | author or publisher of that section if known, or else a unique number.
279 | Make the same adjustment to the section titles in the list of
280 | Invariant Sections in the license notice of the combined work.
281 | 
282 | In the combination, you must combine any sections Entitled "History"
283 | in the various original documents, forming one section Entitled
284 | "History"; likewise combine any sections Entitled "Acknowledgements",
285 | and any sections Entitled "Dedications".  You must delete all sections
286 | Entitled "Endorsements".
287 | 
288 | 
289 | 6. COLLECTIONS OF DOCUMENTS
290 | 
291 | You may make a collection consisting of the Document and other
292 | documents released under this License, and replace the individual
293 | copies of this License in the various documents with a single copy
294 | that is included in the collection, provided that you follow the rules
295 | of this License for verbatim copying of each of the documents in all
296 | other respects.
297 | 
298 | You may extract a single document from such a collection, and
299 | distribute it individually under this License, provided you insert a
300 | copy of this License into the extracted document, and follow this
301 | License in all other respects regarding verbatim copying of that
302 | document.
303 | 
304 | 
305 | 7. AGGREGATION WITH INDEPENDENT WORKS
306 | 
307 | A compilation of the Document or its derivatives with other separate
308 | and independent documents or works, in or on a volume of a storage or
309 | distribution medium, is called an "aggregate" if the copyright
310 | resulting from the compilation is not used to limit the legal rights
311 | of the compilation's users beyond what the individual works permit.
312 | When the Document is included in an aggregate, this License does not
313 | apply to the other works in the aggregate which are not themselves
314 | derivative works of the Document.
315 | 
316 | If the Cover Text requirement of section 3 is applicable to these
317 | copies of the Document, then if the Document is less than one half of
318 | the entire aggregate, the Document's Cover Texts may be placed on
319 | covers that bracket the Document within the aggregate, or the
320 | electronic equivalent of covers if the Document is in electronic form.
321 | Otherwise they must appear on printed covers that bracket the whole
322 | aggregate.
323 | 
324 | 
325 | 8. TRANSLATION
326 | 
327 | Translation is considered a kind of modification, so you may
328 | distribute translations of the Document under the terms of section 4.
329 | Replacing Invariant Sections with translations requires special
330 | permission from their copyright holders, but you may include
331 | translations of some or all Invariant Sections in addition to the
332 | original versions of these Invariant Sections.  You may include a
333 | translation of this License, and all the license notices in the
334 | Document, and any Warranty Disclaimers, provided that you also include
335 | the original English version of this License and the original versions
336 | of those notices and disclaimers.  In case of a disagreement between
337 | the translation and the original version of this License or a notice
338 | or disclaimer, the original version will prevail.
339 | 
340 | If a section in the Document is Entitled "Acknowledgements",
341 | "Dedications", or "History", the requirement (section 4) to Preserve
342 | its Title (section 1) will typically require changing the actual
343 | title.
344 | 
345 | 
346 | 9. TERMINATION
347 | 
348 | You may not copy, modify, sublicense, or distribute the Document
349 | except as expressly provided under this License.  Any attempt
350 | otherwise to copy, modify, sublicense, or distribute it is void, and
351 | will automatically terminate your rights under this License.
352 | 
353 | However, if you cease all violation of this License, then your license
354 | from a particular copyright holder is reinstated (a) provisionally,
355 | unless and until the copyright holder explicitly and finally
356 | terminates your license, and (b) permanently, if the copyright holder
357 | fails to notify you of the violation by some reasonable means prior to
358 | 60 days after the cessation.
359 | 
360 | Moreover, your license from a particular copyright holder is
361 | reinstated permanently if the copyright holder notifies you of the
362 | violation by some reasonable means, this is the first time you have
363 | received notice of violation of this License (for any work) from that
364 | copyright holder, and you cure the violation prior to 30 days after
365 | your receipt of the notice.
366 | 
367 | Termination of your rights under this section does not terminate the
368 | licenses of parties who have received copies or rights from you under
369 | this License.  If your rights have been terminated and not permanently
370 | reinstated, receipt of a copy of some or all of the same material does
371 | not give you any rights to use it.
372 | 
373 | 
374 | 10. FUTURE REVISIONS OF THIS LICENSE
375 | 
376 | The Free Software Foundation may publish new, revised versions of the
377 | GNU Free Documentation License from time to time.  Such new versions
378 | will be similar in spirit to the present version, but may differ in
379 | detail to address new problems or concerns.  See
380 | https://www.gnu.org/licenses/.
381 | 
382 | Each version of the License is given a distinguishing version number.
383 | If the Document specifies that a particular numbered version of this
384 | License "or any later version" applies to it, you have the option of
385 | following the terms and conditions either of that specified version or
386 | of any later version that has been published (not as a draft) by the
387 | Free Software Foundation.  If the Document does not specify a version
388 | number of this License, you may choose any version ever published (not
389 | as a draft) by the Free Software Foundation.  If the Document
390 | specifies that a proxy can decide which future versions of this
391 | License can be used, that proxy's public statement of acceptance of a
392 | version permanently authorizes you to choose that version for the
393 | Document.
394 | 
395 | 11. RELICENSING
396 | 
397 | "Massive Multiauthor Collaboration Site" (or "MMC Site") means any
398 | World Wide Web server that publishes copyrightable works and also
399 | provides prominent facilities for anybody to edit those works.  A
400 | public wiki that anybody can edit is an example of such a server.  A
401 | "Massive Multiauthor Collaboration" (or "MMC") contained in the site
402 | means any set of copyrightable works thus published on the MMC site.
403 | 
404 | "CC-BY-SA" means the Creative Commons Attribution-Share Alike 3.0 
405 | license published by Creative Commons Corporation, a not-for-profit 
406 | corporation with a principal place of business in San Francisco, 
407 | California, as well as future copyleft versions of that license 
408 | published by that same organization.
409 | 
410 | "Incorporate" means to publish or republish a Document, in whole or in 
411 | part, as part of another Document.
412 | 
413 | An MMC is "eligible for relicensing" if it is licensed under this 
414 | License, and if all works that were first published under this License 
415 | somewhere other than this MMC, and subsequently incorporated in whole or 
416 | in part into the MMC, (1) had no cover texts or invariant sections, and 
417 | (2) were thus incorporated prior to November 1, 2008.
418 | 
419 | The operator of an MMC Site may republish an MMC contained in the site
420 | under CC-BY-SA on the same site at any time before August 1, 2009,
421 | provided the MMC is eligible for relicensing.
422 | 
423 | 
424 | ADDENDUM: How to use this License for your documents
425 | 
426 | To use this License in a document you have written, include a copy of
427 | the License in the document and put the following copyright and
428 | license notices just after the title page:
429 | 
430 |     Copyright (c)  YEAR  YOUR NAME.
431 |     Permission is granted to copy, distribute and/or modify this document
432 |     under the terms of the GNU Free Documentation License, Version 1.3
433 |     or any later version published by the Free Software Foundation;
434 |     with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.
435 |     A copy of the license is included in the section entitled "GNU
436 |     Free Documentation License".
437 | 
438 | If you have Invariant Sections, Front-Cover Texts and Back-Cover Texts,
439 | replace the "with...Texts." line with this:
440 | 
441 |     with the Invariant Sections being LIST THEIR TITLES, with the
442 |     Front-Cover Texts being LIST, and with the Back-Cover Texts being LIST.
443 | 
444 | If you have Invariant Sections without Cover Texts, or some other
445 | combination of the three, merge those two alternatives to suit the
446 | situation.
447 | 
448 | If your document contains nontrivial examples of program code, we
449 | recommend releasing these examples in parallel under your choice of
450 | free software license, such as the GNU General Public License,
451 | to permit their use in free software.
452 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # [Periodic Table of the Web](https://wwwperiodictable.surge.sh/)
 2 | ## Map of Web APIs/Technologies
 3 | [![Watch on GitHub](https://img.shields.io/github/watchers/CrazyPython/wwwperiodictable?style=social&label=Get%20notified%20for%20updates)](https://github.com/CrazyPython/wwwperiodictable/subscription) 
 4 | 
 5 | 
 6 | The columns are organized left-to-right by the date an API in that column was first implemented.
 7 | The rows are organized by the date they were first proposed.
 8 | 
 9 | The first row represents technologies that still work, but are superseded or obsoleted by newer technologies.
10 | The second-to-last row is deprecated or abandoned APIs. These may have been implemented before and removed, or only partly implemented.
11 | The last row is proprietary or vendor-specific APIs. These only ever worked in one browser.
12 | 
13 | The darkness and lightness represents the browser support of an API.
14 | The redness represents how active an API's proposal or specification is.
15 | ## Link format
16 | * Date links to the Specification
17 | * Element abbreviation links to What can this do? (Demo, Playground, or Reference)
18 | * Details links to How can I learn this? Guide
19 | * Background links to browser support (For most APIs, caniuse.com. For in-progress APIs, implementation progress pages.)
20 | ## Contributing
21 | Simply edit the HTML file. :)  It uses nicely formatted semantic HTML. The CSS is inside the file.
22 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype HTML>
  2 | <html lang=en>
  3 |     <!-- Hi there, kind visitor! If you scroll down to .table, you'll find nicely written markup. Feel free to contribute! -->
  4 |     <title>Periodic Table of Web Browser APIs/Technologies - 
  5 |            Visualization and Demoes, Tutorials, and Explainers
  6 |     </title>
  7 |     <meta name="keywords" content="web, www, visualization, map, api, html, css, technologies, mindmap, diagram, infographic, periodic table, chart, javascript">
  8 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9 |     <link rel="canonical" href="https://wwwperiodictable.surge.sh/" />
 10 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
 11 |     <a class="github-fork-ribbon left-top" href="https://github.com/CrazyPython/wwwperiodictable" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
 12 |       <meta name="robots" content="index, follow">
 13 | <style>
 14 | *{ box-sizing: border-box; }
 15 | html{font-size: 14px;}
 16 | @media(min-width:768px){html{font-size: 16px;}}
 17 | html,body{ margin: 0; padding: 0;}
 18 | body{ font-family: Arial, sans-serif;}
 19 | header{ margin: 3rem 1em 0 7rem;}
 20 | .container{ overflow-x: auto; display: flex; flex-direction: column; margin: 2rem 0 4rem 0; }
 21 | /* If you're adding another column, change the numer of repeats in grid-template-columns */
 22 | .table{ display: grid; grid-auto-flow: column; grid-template-columns: repeat(14,minmax(8rem,1fr)); text-align: center; padding: 0 1rem; }
 23 | .table > div > *{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 1px;}
 24 | .table > div > div{ height: 6rem;}
 25 | dl{ height: 8rem; margin: 0; }
 26 | footer{ margin: 0 1rem 3rem 2rem; }
 27 | dt { font-size: xx-large; font-weight: bold; }
 28 | dd { margin-inline-start: 0px;}
 29 | dd,time {font-size: smaller;}
 30 | /* td:hover[class] {
 31 |     /* Scale the squares to be bigger when we hover over a table vell
 32 |     transform: rotate(-90deg) scaleY(1) scaleX(-1) scale(1.2);
 33 |     border: 2px solid maroon;
 34 | }
 35 | td[class] { transition: 1s; } */
 36 | 
 37 | /* Colors */
 38 | dl { background-color: var(--color); color: var(--text); box-shadow: inset 1ch 1ch 1ch rgba(255,255,255,.2);}
 39 | .table a { color: inherit; }
 40 | .other { --color: darkmagenta;  --text: white; } /* default/other */
 41 | .all { --color: #62BD69; --text: black; }
 42 | .allbutie11 { --color:  #237948; --text: white;}
 43 | .somebrowsers { --color: #0c3823; --text: white;}
 44 | .chrome { --color: #FFAC4A; --text: black;}
 45 | .proprietary { --color: dodgerblue; --text: black;} 
 46 | .partial { --color: slategray; --text: black;}
 47 | .inprogress { --color: #ba2420; --text: white;}
 48 | .deprecated { --color: #0d0d0d; --text: white;} /* TODO: Seperate color and legend for deprecated APIs" */
 49 | .none { --color: #0d0d0d; --text: white;}
 50 | .proposal { --color: #7a0400; --text: white;}
 51 | .chrome.inprogress { --color: #FD5602; --text: black;}
 52 | .key div::before { content: ""; display: inline-block; height: 1em; width: 1em; background-color: var(--color); }
 53 | </style>
 54 | <header>
 55 |     <div style="position: absolute; top: 1vw; right: 1vw;">By James Lu</div>
 56 |     <h1>Periodic Table of Web Browsers APIs/Technologies with tutorial links</h1>
 57 |     <h3>A visually organized list of all the ways a web app can ask your web browser to do things</hr>
 58 |     <div class="key">
 59 |         <h3>Key</h3>
 60 |         <div class="all"> Supported by all browsers including IE11</div>
 61 |         <div class="allbutie11"> Supported by all browsers</div>
 62 |         <div class="somebrowsers"> Supported by two modern browsers</div>
 63 |         <div class="inprogress"> Implementation is in progress</div>
 64 |         <div class="proposal"> Being discussed or proposed</div>
 65 |         <div class="partial"> Partial support</div>
 66 |         <div class="none"> No support</div>
 67 |         <div class="chrome"> Supported only by Google Chrome</div>
 68 |         <div class="chrome inprogress"> Implementation in progress in Google Chrome</div>
 69 |         <div class="proprietary"> Proprietary</div>
 70 |         <div class="other"> Other</div>
 71 |     </div>
 72 | </header>
 73 | <main>
 74 |     <div class="container">
 75 |         <div class="table">
 76 |             <div>
 77 |                 <div><h4>Markup</h4></div>
 78 |                 <dl class="all">
 79 |                     <a href="https://caniuse.com/?search=xhtml"></a>
 80 |                     <time><a href="https://www.w3.org/TR/2010/NOTE-xhtml2-20101216/">2010</a></time>
 81 |                     <dt><a href="https://www.cnet.com/news/an-epitaph-for-the-web-standard-xhtml-2/">Xhtml</a></dt>
 82 |                     <dd><a href="https://www.w3schools.com/html/html_xhtml.asp">EXTensible HyperText Markup Language</a></dd>
 83 |                 </dl>
 84 |                 <dl class="all">
 85 |                     <time><a href="https://html.spec.whatwg.org/multipage/">2021</a></time>
 86 |                     <dt><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference">Ht</a></dt>
 87 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML">HyperText Markup Language 5</a> documents</dd>
 88 |                 </dl>
 89 |                 <dl class="all">
 90 |                     <time>2011</time>
 91 |                     <dt>Svg</dt>
 92 |                     <dd>SVG1.1 vector graphics and document layout</dd>
 93 |                 </dl>
 94 |                 <dl class="partial">
 95 |                     <a href="https://caniuse.com/?search=mathml"></a>
 96 |                     <time><a href="https://www.w3.org/TR/MathML3/">2014</a></time>
 97 |                     <dt>Ma</dt>
 98 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/MathML">MathML3.0</a></dd>
 99 |                 </dl>
100 |                 <dl class="other">
101 |                     <time><a href="https://www.w3.org/TR/voicexml20/">2010</a></time>
102 |                     <dt>Vxml</dt>
103 |                     <dd>VoiceXML</dd>
104 |                 </dl>
105 |                 <dl class="proposal">
106 |                     <time><a href="https://svgwg.org/specs/svg-native/">2021</a></time>
107 |                     <dt>SvgN</dt>
108 |                     <dd>SVG Native</dd>
109 |                 </dl>
110 |                 <dl></dl>
111 |                 <dl></dl>
112 |                 <dl class="partial">
113 |                     <time>2018</time>
114 |                     <dt>Svg2</dt>
115 |                     <dd><a href="https://www.w3.org/TR/SVG2/">SVG2</a></dd>
116 |                 </dl>
117 |             </div>
118 |             <div>
119 |                 <div><h4>Offline</h4></div>
120 |                 <dl class="all">
121 |                     <time>2017</time>
122 |                     <dt>Hc</dt>
123 |                     <dd>HTTP Cache-Control, ETag</dd>
124 |                 </dl>
125 |                 <dl class="somebrowsers">
126 |                     <time>2020</time>
127 |                     <dt>Ni</dt>
128 |                     <dd>Network status (wifi, cellular, offline)</dd>
129 |                 </dl>
130 |                 <dl class="allbutie11">
131 |                     <time>2020</time>
132 |                     <dt>Sw</dt>
133 |                     <dd>Service Workers</dd>
134 |                 </dl>
135 |                 <dl class="somebrowsers">
136 |                     <time>2021</time>
137 |                     <dt>Pwa</dt>
138 |                     <dd>Add to home screen</dd>
139 |                 </dl>
140 |                 <dl class="somebrowsers">
141 |                     <time>2020</time>
142 |                     <dt>Pu</dt>
143 |                     <dd>Push API</dd>
144 |                 </dl>
145 |                 <dl class="chrome">
146 |                     <time>2020</time>
147 |                     <dt>Bgs</dt>
148 |                     <dd>Background Sync</dd>
149 |                 </dl>
150 |                 <dl></dl>
151 |                 <dl></dl>
152 |                 <dl class="deprecated none">
153 |                     <time>2020</time>
154 |                     <dt>Ac</dt>
155 |                     <dd>Application Cache</dd>
156 |                 </dl>
157 |                 <dl class="depcreated chrome none">
158 |                     <time>2010</time>
159 |                     <dt>Ge</dt>
160 |                     <dd>Gears</dd>
161 |                 </dl>
162 |             </div>
163 |             <div>
164 |                 <div><h4>Image</h4></div>
165 |                 <dl class=all>
166 |                     <time>1993</time>
167 |                     <dt>Gif</dt>
168 |                     <dd>Graphics Interchange Format</dd>
169 |                 </dl>
170 |                 <dl class=all>
171 |                     <time>1996</time>
172 |                     <dt>Png</dt>
173 |                     <dd>Portable Network Graphics</dd>
174 |                 </dl>
175 |                 <dl class=all>
176 |                     <time></time>
177 |                     <dt>Jpg</dt>
178 |                     <dd>Joint Photographic Experts Group</dd>
179 |                 </dl>
180 |                 <dl class=allbutie11>
181 |                     <time>2020</time>
182 |                     <dt><a href="https://developers.google.com/speed/webp/gallery1">P</a></dt>
183 |                     <dd>WebP</dd>
184 |                 </dl>
185 |                 <dl class=chrome>
186 |                     <time>2020</time>
187 |                     <dt>Av</dt>
188 |                     <dd>AVIF</dd>
189 |                 </dl>
190 |             </div>
191 |             <div>
192 |                 <div><h4>Style</h4></div>
193 |                 <dl>
194 |                 </dl>
195 |                 <dl class="all">
196 |                     <time>2015</time>
197 |                     <dt>Css</dt>
198 |                     <dd>CSS</dd>
199 |                 </dl>
200 |                 <dl class="allbutie11">
201 |                     <time>2017</time>
202 |                     <dt>Lt</dt>
203 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/XSLT">XSLT</a></dd>
204 |                 </dl>
205 |                 <dl class=allbutie11>
206 |                     <a href="https://caniuse.com/flexbox"></a>
207 |                     <time><a href="https://www.w3.org/TR/css-flexbox-1/">2018</a></time>
208 |                     <dt><a href="https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/">Fx</a></dt>
209 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">CSS Flexbox</a></dd>
210 |                 </dl>
211 |                 <dl class=allbutie11>
212 |                     <a href="https://caniuse.com/css-grid"></a>
213 |                     <time><a href="https://www.w3.org/TR/css-grid-1/">2020</a></time>
214 |                     <dt><a href="https://gridbyexample.com/examples/">Gr</a></dt>
215 |                     <dd><a href="https://learncssgrid.com/">CSS Grid</a></dt>
216 |                 </dl>
217 |                 <dl class="proposal">
218 |                     <time>2021</time>
219 |                     <dt>C4</dt>
220 |                     <dd><a href="https://www.w3.org/TR/selectors-4/">Selectors Level 4, Lists and Counters Level 3</a></dd>
221 |                 </dl>
222 |                 <dl class="somebrowsers">
223 |                     <time>2021</time>
224 |                     <dt>Ho</dt>
225 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/Houdini">CSS Houdini</a></dd>
226 |                 </dl>
227 |             </div>
228 |             <div>
229 |                 <div><h4>Persistence</h4></div>
230 |                 <dl class="all">
231 |                     <time><a href="https://tools.ietf.org/html/rfc6265">2011</a></time>
232 |                     <dt>Co</dt>
233 |                     <dd>Cookies</dd>
234 |                 </dl>
235 |                 <dl class="all">
236 |                     <time>2016</time>
237 |                     <dt>Ls</dt>
238 |                     <dd>LocalStorage</dd>
239 |                 </dl>
240 |                 <dl class="all">
241 |                     <time>2018</time>
242 |                     <dt>Idb</dt>
243 |                     <dd>IndexedDB</dd>
244 |                 </dl>
245 |                 <dl class=somebrowsers>
246 |                     <a href="https://caniuse.com/mdn-api_permissions_persistent-storage_permission"></a>
247 |                     <time><a href="https://storage.spec.whatwg.org/">2020</a></time>
248 |                     <dt><a href="https://web.dev/persistent-storage/">Pe</a></dt>
249 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/API/Storage_API#data_persistence_and_clearing">Persistent storage</a></dd>
250 |                 </dl>
251 |                 <dl class="allbutie11">
252 |                     <time>2021</time>
253 |                     <dt>Fs</dt>
254 |                     <dd>FileSystem API</dd>
255 |                 </dl>
256 |                 <dl></dl>
257 |                 <dl></dl>
258 |                 <dl></dl>
259 |                 <dl class="none">
260 |                     <time>2010</time>
261 |                     <dt>Sql</dt>
262 |                     <dd>WebSQL</dd>
263 |                 </dl>
264 |             </div>
265 |             <div>
266 |                 <div><h4>Interactive / Dynamic<br>Scripts</h4></div>
267 |                 <dl class="all">
268 |                     <time>2014</time>
269 |                     <dt>Js</dt>
270 |                     <dd>JavaScript</dd>
271 |                 </dl>
272 |                 <dl class="allbutie11">
273 |                     <time>2018</time>
274 |                     <dt>Es</dt>
275 |                     <dd><code>=&gt;</code> <code>WeakMap</code> <code>Proxy</code> <code>import</code> <code>class</code> <code>async</code> <code>...</code></dd>
276 |                 </dl>
277 |                 <dl class="allbutie11">
278 |                     <time>2021</time>
279 |                     <dt>Wa</dt>
280 |                     <dd>WASM</dd>
281 |                 </dl>
282 |                 <dl class="somebrowsers">
283 |                     <time>2021</time>
284 |                     <dt>Nx</dt>
285 |                     <dd>ES.Next <code>Intl</code> <code>WeakRef</code> <code>Atomics</code> <code>??</code> <code>||=</code></dd>
286 |                 </dl>
287 |                 <dl class="proposal">
288 |                     <time><a href="https://docs.google.com/presentation/d/1kqtsJfLVC-Nmcm2sveMRdJPjurwKKiiCGilK2_ladpw/edit?usp=gmail&gxids=7628#slide=id.p">2020</a></time>
289 |                     <dt>Co</dt>
290 |                     <dd>Concurrent JS</dd>
291 |                 </dl>
292 |                 <dl></dl>
293 |                 <dl></dl>
294 |                 <dl></dl>
295 |                 <dl class="deprecated none">
296 |                     <time>2005</time>
297 |                     <dt>Jx</dt>
298 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Archive/Web/E4X/Processing_XML_with_E4X">XML in JS (E4X)</a></dd>
299 |                 </dl>
300 |                 <dl class="deprecated chrome none">
301 |                     <time>2015</time>
302 |                     <dt>Pn</dt>
303 |                     <dd>PNaCL</dd>
304 |                 </dl>
305 |             </div>
306 |             <div>
307 |                 <div><h4>Network API</h4></div>
308 |                 <dl class="all">
309 |                     <time>2016</time>
310 |                     <dt>Xhr</dt>
311 |                     <dd>XMLHTTPRequest</dd>
312 |                 </dl>
313 |                 <dl class="allbutie11">
314 |                     <time>2010</time>
315 |                     <dt>Sse</dt>
316 |                     <dd>Server-Sent Events</dd>
317 |                 </dl>
318 |                 <dl class="all">
319 |                     <time>2011</time>
320 |                     <dt>Ws</dt>
321 |                     <dd>WebSocket</dd>
322 |                 </dl>
323 |                 <dl class="allbutie11">
324 |                     <time>2020</time>
325 |                     <dt>Fe</dt>
326 |                     <dd>Fetch: Modernized Xhr</dd>
327 |                 </dl>
328 |                 <dl class=allbutie11>
329 |                     <a href="https://caniuse.com/beacon"></a>
330 |                     <time><a href="https://www.w3.org/TR/beacon/">2017</a></time>
331 |                     <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/Beacon_API">Bc</a></dt>
332 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon">Beacon API</a></dd>
333 |                 </dl>
334 |                 <dl class="allbutie11">
335 |                     <time>2021</time>
336 |                     <dt>Rtc</dt>
337 |                     <dd>WebRTC</dd>
338 |                 </dl>
339 |                 <dl class="inprogress">
340 |                     <time><a href="https://w3c.github.io/webtransport/">2021</a></time>
341 |                     <dt><a href="https://web.dev/webtransport/">T</a></dt>
342 |                     <dd><a href="https://github.com/w3c/webtransport/blob/main/explainer.md">WebTransport</a></dd>
343 |                 </dl>
344 |             </div>
345 |             <div>
346 |                 <div><h4>Social</h4></div>
347 |                 <dl class="all">
348 |                     <time><br/></time>
349 |                     <dt><a href="mailto:jamtlu@gmail.com">Smtp</a></dt>
350 |                     <dd>Email</dd>
351 |                 </dl>
352 |                 <dl class="other">
353 |                     <time>2011</time>
354 |                     <dt>Rss</dt>
355 |                     <dd>RSS</dd>
356 |                 </dl>
357 |                 <dl class="other">
358 |                     <time>2017</time>
359 |                     <dt>Mn</dt>
360 |                     <dd>WebMention</dd>
361 |                 </dl>
362 |                 <dl class="other">
363 |                     <time><a href="https://www.w3.org/TR/activitystreams-core/">2017</a></time>
364 |                     <dt>As</dt>
365 |                     <dd>ActivityStreams 2.0</dd>
366 |                 </dl>
367 |                 <dl class="other">
368 |                     <time>2018</time>
369 |                     <dt>Sb</dt>
370 |                     <dd>WebSub</dd>
371 |                 </dl>
372 |                 <dl class="other">
373 |                     <time>2018</time>
374 |                     <dt>Ap</dt>
375 |                     <dd>ActivityPub</dd>
376 |                 </dl>
377 |                 <dl></dl>
378 |                 <dl></dl>
379 |                 <dl class="proprietary">
380 |                     <time>2021</time>
381 |                     <dt>Fb</dt>
382 |                     <dd>Facebook</dd>
383 |                 </dl>
384 |             </div>
385 |             <div>
386 |                 <div><h4>Semantic &amp; Metadata</h4></div>
387 |                 <dl class="all">
388 |                     <time>1999</time>
389 |                     <dt>Hd</dt>
390 |                     <dd>Last-Modified, Content-Language</dd>
391 |                 </dl>
392 |                 <dl class="all">
393 |                     <time>2011</time>
394 |                     <dt>Mt</dt>
395 |                     <dd><code>&lt;meta/&gt;</code> name, keywords, description, http-equiv</dd>
396 |                 </dl>
397 |                 <dl class="other">
398 |                     <time>2018</time>
399 |                     <dt>Mc</dt>
400 |                     <dd>Microdata</dd>
401 |                 </dl>
402 |                 <dl class="other">
403 |                     <time>2021</time>
404 |                     <dt>Owl</dt>
405 |                     <dd>RDF and OWL; <a href="https://solidproject.org">Solid</a></dd>
406 |                 </dl>
407 |             </div>
408 |             <div>
409 |                 <div><h4>Authentication</h4></div>
410 |                 <dl class=all>
411 |                     <time><a href="https://tools.ietf.org/html/rfc7235">2014</a></time>
412 |                     <dt>Ba</dt>
413 |                     <dd>Basic Authentication</dd>
414 |                 </dl>
415 |                 <dl class=other>
416 |                     <time><a href="https://tools.ietf.org/html/rfc6749">2012</a></time>
417 |                     <dt>Oa</dt>
418 |                     <dd>OAuth</dd>
419 |                 </dl>
420 |                 <dl class=allbutie11>
421 |                     <time>2020</time>
422 |                     <dt>Au</dt>
423 |                     <dd>Web Authentication</dd>
424 |                 </dl>
425 |             </div>
426 |             <div>
427 |                 <div><h4>Graphics API</h4></div>
428 |                 <dl class="none proprietary">
429 |                     <time>2020</time>
430 |                     <dt>Fl</dt>
431 |                     <dd>Flash (now <a href="https://www.adobe.com/products/animate.html">Animate</a>; exports to Svg, C2D, Gl)</dd>
432 |                 </dl>
433 |                 <dl class="all">
434 |                     <time>2020</time>
435 |                     <dt>C2D</dt>
436 |                     <dd>Canvas2D</dd>
437 |                 </dl>
438 |                 <dl class="all">
439 |                     <time>2017</time>
440 |                     <dt>Gl</dt>
441 |                     <dd>WebGL</dd>
442 |                 </dl>
443 |                 <dl class="somebrowsers">
444 |                     <a href="https://caniuse.com/?search=webgl2"></a>
445 |                     <time>2020</time>
446 |                     <dt>Gl2</dt>
447 |                     <dd>WebGL2</dd>
448 |                 </dl>
449 |                 <dl class="inprogress">
450 |                     <time>2020</time>
451 |                     <dt>Xr</dt>
452 |                     <dd>WebXR Augmented and Virtual Reality</dd>
453 |                 </dl>
454 |                 <dl class="inprogress">
455 |                     <a href="https://github.com/gpuweb/gpuweb/wiki/Implementation-Status"></a>
456 |                     <time>2021</time>
457 |                     <dt>Gpu</dt>
458 |                     <dd><a href="https://gpuweb.github.io/gpuweb/">WebGPU</a></dd>
459 |                 </dl>
460 |                 <dl></dl>
461 |                 <dl></dl>
462 |                 <dl class=deprecated>
463 |                     <a href="https://caniuse.com/webvr"></a>
464 |                     <time><a href="https://immersive-web.github.io/webvr/spec/1.1/">2017</a></time>
465 |                     <dt><a href="https://experiments.withgoogle.com/collection/webvr">Vr</a></dt>
466 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API">WebVR</a></dd>
467 |                 </dl>
468 |             </div>
469 |             <div>
470 |                 <div><h4>Sensors</h4></div>
471 |                 <dl></dl>
472 |                 <dl class=all>
473 |                     <a href="https://caniuse.com/geolocation"></a>
474 |                     <time><a href="https://w3c.github.io/geolocation-api/">2020</a></time>
475 |                     <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/Geolocation#methods">Geo</a></dt>
476 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API">Geolocation API</a></dt>
477 |                 </dl>
478 |                 <dl class=chrome>
479 |                     <time>2018</time>
480 |                     <dt>Am</dt>
481 |                     <dd>Accelerometer</dd>
482 |                 </dl>
483 |                 <dl class=chrome>
484 |                     <time>2018</time>
485 |                     <dt>Gy</dt>
486 |                     <dd>Gyroscope</dd>
487 |                 </dl>
488 |                 <dl class=chrome>
489 |                     <time>2018</time>
490 |                     <dt>Mg</dt>
491 |                     <dd>Magnetometer</dd>
492 |                 </dl>
493 |                 <dl class=chrome>
494 |                     <time>2018</time>
495 |                     <dt>Ot</dt>
496 |                     <dd>Orientation</dd>
497 |                 </dl>
498 |                 <dl></dl>
499 |                 <dl></dl>
500 |                 <dl class=none>
501 |                     <time>2019</time>
502 |                     <dt>Al</dt>
503 |                     <dd>Ambient Light</dd>
504 |                 </dl>
505 |             </div>
506 |             <div>
507 |                 <div><h4>Hardware</h4></div>
508 |                 <dl></dl>
509 |                 <dl class=chrome>
510 |                     <time>2021</time>
511 |                     <dt>Usb</dt>
512 |                     <dd>WebUSB</dd>
513 |                 </dl>
514 |                 <dl class=allbutie11>
515 |                     <time>2020</time>
516 |                     <dt>Gp</dt>
517 |                     <dd>Gamepad</dd>
518 |                 </dl>
519 |                 <dl class=chrome>
520 |                     <time>2015</time>
521 |                     <dt>Midi</dt>
522 |                     <dd>Web MIDI</dd>
523 |                 </dl>
524 |                 <dl class=chrome>
525 |                     <time>2020</time>
526 |                     <dt>Bt</dt>
527 |                     <dd>Web Bluetooth</dd>
528 |                 </dl>
529 |                 <dl class="inprogress">
530 |                     <time><a href="https://w3c.github.io/web-nfc/">2020</a></time>
531 |                     <dt>Nfc</dt>
532 |                     <dd>Web NFC</dd>
533 |                 </dl>
534 |                 <dl class="chrome inprogress">
535 |                     <time><a href="https://wicg.github.io/serial/">2021</a></time>
536 |                     <dt>Sr</dt>
537 |                     <dd><a href="https://codelabs.developers.google.com/codelabs/web-serial/?hl=ro#0">Web Serial API</a></dd>
538 |                 </dl>
539 |             </div>
540 |             <div>
541 |                 <div><h4>Operating System</h4></div>
542 |                 <dl></dl>
543 |                 <dl class=allbutie11>
544 |                     <a href="https://caniuse.com/notifications"></a>
545 |                     <time><a href="https://notifications.spec.whatwg.org/">2017</a></time>
546 |                     <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/notification">No</a></dt>
547 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Notifications API</a></dd>
548 |                 </dl>
549 |                 <dl class=allbutie11>
550 |                     <a href="https://caniuse.com/async-clipboard"></a>
551 |                     <time><a href="https://www.w3.org/TR/clipboard-apis/">2021</a></time>
552 |                     <dt><a href="https://googlechrome.github.io/samples/async-clipboard/">Cp</a></dt>
553 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard">Clipboard</a></dd>
554 |                 </dl>
555 |                 <dl class="somebrowsers">
556 |                     <a href="https://caniuse.com/fullscreen"></a>
557 |                     <time><a href="https://fullscreen.spec.whatwg.org/">2018</a></time>
558 |                     <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API#methods">Fu</a></dt>
559 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API/Guide">Fulllsreen API</a></dd>
560 |                 </dl>
561 |                 <dl class=allbutie11>
562 |                     <a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API#browser_compatibility"></a>
563 |                     <time><a href="https://www.w3.org/TR/screen-capture/">2021</a></time>
564 |                     <dt><a href="https://www.webrtc-experiment.com/getDisplayMedia/">Sc</a></dt>
565 |                     <dd><a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API">Screen Capture API</a></dd>
566 |                 </dl>
567 |                 <dl class=chrome>
568 |                     <!-- Badging API does not have a caniuse entry yet -->
569 |                     <a href="https://mozilla.github.io/standards-positions/#badging"></a>
570 |                     <time><a href="https://w3c.github.io/badging/">2021</a></time>
571 |                     <dt><a href="https://badging-api.glitch.me/">Bd</a></dt>
572 |                     <dd><a href="https://github.com/w3c/badging/blob/main/explainer.md#badging-api-explainer">Badging API</a></dt>
573 |                 </dl>
574 |             </div>
575 |         </div>
576 |     </div>
577 | </main>
578 | <footer>
579 |     <h3>How is it organized?</h3>
580 |     <p>Just like a real periodic table, the positioning has a meaning.</p>
581 | 
582 |     <p>The columns are organized left-to-right by the date an API in that column was first implemented. Older first. <br>
583 |     The rows are organized by the date they were first proposed.</p>
584 | 
585 |     <p>The first row represents technologies that still work, but are superseded or obsoleted by newer technologies. <br>
586 |     The second-to-last row is deprecated or abandoned APIs. These may have been implemented before and removed, or only partly implemented.<br>
587 |     The last row is for APIs that only ever worked in one browser. Many of these are proprietary or vendor-specific APIs.</p>
588 | 
589 |     <p>The darkness and lightness represents the browser support of an API. The redness represents how active an API's proposal or specification is.</p><br>
590 |     <h3>What do the colors represent?</h3>
591 |     <p>The lighter the color, the more support there is.</p>
592 |     <p>The red represents how active the specification or proposal is.</p>
593 | </footer>
594 | </html>
595 | 


--------------------------------------------------------------------------------