Артыкулы для тых, хто
выводзіць стэк у прод
Матэрыялы пра React, Node.js, TypeScript і AI. Перакладзены тэкст паказваецца, калі ён ёсць. Калі не — вы бачыце англійскі тэкст і пазнаку пра гэта.
Тэг: CSS
Паводзяная навігацыя, падобная да ў дапытках, за дапамою API View Transitions у Next.js
Переходы між сторункамі у стылі додатка ў Next.js за дапамогою View Transitions API: рух спільных элементаў між маршрутамі без викорыстання важкай бібліятэкі анімацый, а таксама прыміткі ўспрымку.
4 хв чытанняПяць парадактов link rel, які вказваюць на швальнае выкарыстоўвання First Contentful Paint
Ўжыце элементы preconnect, preload, dns-prefetch, prefetch і modulepreload у частцы document head, каб падготавіць з’яноўкі і скасаваць непатрэбную загрузку ресурсоў, не перапісваючы сам прыкладнік.
3 хв чытанняСкорастаіце элементы-родзічы на адпаведнасць іх утварэнню за дапамою CSS :has()
Дазвольце дазнаць, як функцыя :has() нарэшце дазволяе селектарам абслюдаваць наследнікіў і братоў-сестэр, дзе можна ўжываць яе у мікрофронтэндах, і чаму Shadow DOM паўсюды застаецца абмежэнням для такога падходу.
6 хв чытанняРэакт-аккордыяны, якія можна прасуваць: складванне за дапамою CSS Grid, а не выключэнне
Створыце вярнутыя аккордіаны на React, якія зберагаюць контэнт у DOM для індексавання, анімуюць высоту за дапамою рэйкаў, дазволяюць адкрываць толькі адна елемента за раз на кожным рэвэле і скасоўваюць стан пасля закрыцця.
8 хв чытанняАўтаматычна пропусканне процеса адрасавання зместу за дапамою параметраў content-visibility і contain-intrinsic-size
Дазвольце даклэ научыцца, як параметры content-visibility: автаматычна націскаець расклад на дужах стороніцах, якія генеруюцца на сервере, зменшуе ўскладнення, чаму параметр contain-intrinsic-size є обавязковым, і як він параграфуецца з технологіяй віртуалізацыі.
12 хв чытання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 хв чытання
Пра гэтыя артыкулы
Ацэнка за 24 гадзіны
Патрэбны такі стэк у аператарскім слоі? Дашліце брыф — ацэнка за 24 гадзіны.