Артыкулы для тых, хто
выводзіць стэк у прод
Арыгінальныя матэрыялы пра React, Node.js, TypeScript і AI — з той жа практыкі, што і наша аператарскае ПЗ. Тэкст артыкулаў па-англійску.
Тэг: html
HTML — это маркап, а не язык программавання; выкарыстоўваеце я як такі.
Расследзіце HTML як структуру для навігацыі, SEO, доступнасці та карэткавання контента, і заменіце сумку div на сэмантычныя элементы, якія можа разумець браузер і алгорытмы кроулінгу.
730 слоўЧытацьПяць парадактов link rel, які вказваюць на швальнае выкарыстоўвання First Contentful Paint
Ўжыце элементы preconnect, preload, dns-prefetch, prefetch і modulepreload у частцы document head, каб падготавіць з’яноўкі і скасаваць непатрэбную загрузку ресурсоў, не перапісваючы сам прыкладнік.
786 слоўЧытацьCSS attr() у формате тексту: прымэнне значэнняя атрыбута HTML безпосередна ў стылі
Дазвольце даклэ научыцца, як функцыя CSS attr() ператварае атрыбуты дадзеных у дужынкі, кольоры і часы, чаму не функцыонуюць ўсі альтэрнатыўныя варыянты, чаму функцыя url() заблокавана, і як можна сьогодні безпечна ўжываць яе.
4056 слоўЧытацьКнапка з анімацыяй пазначэння «згодна» без жадных бібліятэкаў анімацый
Створыце віджэт з адзінамі на падзею і адзінамі проты падзею з анімацыяй pop на кансэле ключоўых кадраў, станамі актывацыі і вызовам fetch, выкорыстоўваючы толькі HTML, CSS і калькі ліній JavaScript.
1559 слоўЧытацьКаму належыць кантроль над паведамленнем UI? Выбір между HTML, CSS і JavaScript
Канвэн для адзначэння, калі функцыі натыўнае HTML і CSS, такія як dialog, popover, :has() і container queries, павінны заменіць JavaScript, а калі — няўжо.
3416 слоўЧытацьСтруктура, стыль, працэваясць: як HTML, CSS і JavaScript дзельняць задачы
Карта, падатліва для пачаткуючых, яка паказывае, што самэўсёдзе HTML, CSS і JavaScript на веб-сторанцы, якім чынам ўзаеднаюцца, і якія распашчытныя памылкі затуманююць межы між імі.
1459 слоўЧытацьАд простых элементаў div да семантычнага маркапу: практычныя вядомасці пра семантычны HTML.
Дазвольце дазнаць, чаму стандартныя элементы div паслабляюць доступнасць, адчувственную працю інструментаў для аналізу сайта, а таксама якія семантычныя элементы трэба вжываць заместа іх, і як перерабіць рэальны компонент у вигляде карточкі.
3565 слоўЧытацьJSX — гэта не HTML: рэальныя компрэсіі, якія існуюць у маркапе компанентаў
З’ясавайце, што вы тыражаеце, калі маркап прыводзіцца да JSX — ад інструментаў та парсавання да форм, доступнасці та переноснасці, а таксама што ўзводзіць большую частку гэтага назад.
3076 слоўЧытацьШас важныя фічыры HTML, якія заменяюць популярныя бібліятэкі JavaScript для стварання інтэрфейса
Дазвольце дазнацься, як popover, эксклюзыўныя деталі, дыялог, Declarative Shadow DOM, fetchpriority і datalist заменяюць спецыяльны JavaScript, а таксама якія ў кожнага з іх все ж застаюцься меры.
1277 слоўЧытаць
Пра гэтыя артыкулы
Ацэнка за 24 гадзіны
Патрэбны такі стэк у аператарскім слоі? Дашліце брыф — ацэнка за 24 гадзіны.