Manyaka

<nav class="pagination" aria-label="pagination">
  <a class="pagination__item pagination__item--first-page" href="#">
    <span class="visually-hidden">Первая страница</span>
  </a>

  <a class="pagination__item pagination__item--previous-page" href="#" rel="prev">
    <span class="visually-hidden">Предыдущая страница</span>
  </a>

  <a class="pagination__item" href="#">

Manyaka

// Function to do an Ajax call
const doAjax = async () => {
    const response = await fetch('Ajax.php'); // Generate the Response object
    if (response.ok) {
        const jVal = await response.json(); // Get JSON value from the response body
        return Promise.resolve(jVal);
        }
    else
        return Promise.reject('*** PHP file not found');
    }

Manyaka

  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    -webkit-transition: 'color 9999s ease-out, background-color 9999s ease-out';
    -webkit-transition-delay: 9999s;
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {

Manyaka

input.toggle-switch( type="checkbox")

Manyaka

Features used in Choices:

Array.from - core-js
Array.prototype.find - core-js
Array.prototype.includes - core-js
Symbol - core-js
Symbol.iterator - core-js
DOMTokenList - core-js?
Object.assign - core-js
CustomEvent - https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill

Manyaka

var YEAR = 365.259641 * 24 * 60 * 60 * 1000;

Manyaka

div {
  margin: 1em auto;
  width: 50vw;
  height: 50vh;
  background-color: gray;
  background-image: url("img.webp");
  background-position: 50% 50%;
  background-size: cover;

  @supports (background-image: -webkit-image-set(url("img.webp") 1x)) {

Manyaka

meta name="theme-color" content="#ffffff"
link rel="icon" href="/favicon.svg"
link rel="mask-icon" href="/mask-icon.svg" color="#000000"
link rel="apple-touch-icon" href="/apple-touch-icon.png"
link rel="manifest" href="/manifest.json"

Manyaka

<picture>
    <source
     media="(max-width: 799px)"
     srcset="cupcake.webp 1x, cupcake@2x.webp 2x"
     type="image/webp"
    >
    <source
     media="(min-width: 800px)"
     srcset="huge-cupcake.webp 1x, huge-cupcake@2x.webp 2x"
     type="image/webp"

Manyaka

https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

https://marketplace.visualstudio.com/items?itemName=mkaufman.HTMLHint