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