05.12.2021 23:27
alexzfort 1 4900 Источник
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.


Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры


Медиа


• podcastПодкаст «Веб-стандарты» #311. Лёгкий Fleet, GitHub Actions, ESM+TS ломают сборку, свежие CQ, HTML, CSS, JS в Веб-альманахе
• podcast«Новости 512» от CSSSR: Fleet и Compose Multiplatform, PHP 8.1, гайд по JWT, цепи Маркова, роадмапы по IT-профессиям
• podcastПодкаст «Callback Hell»: В гостях Никита Михайлов. Bootstrap, Atomic CSS, физическое здоровье на удаленке
• podcastMoscowJS Podcast #1 — Как найти работу, которой захочется гордиться
• podcastПодкаст «Да как так-то?». Выпуск №13. Что фронтенд-разработчик должен знать про дизайн
• podcastПодкаст «Фронтенд Юность» #215: Nestjs выходит за рамки разумного
• podcastvideowebDev #11: Front-end. Вопросы на собеседовании

Веб-разработка


• habrУбираем JavaScript. Как при помощи htmx красиво использовать HTML и уменьшить объем кода
• habrHTMHeaven — 19 советов и приёмов вёрстки
• habrЭволюция HTTP для современного веба
• enМощь Serverless для фронтенд разработчиков
• enWeb Almanac: Ежегодный отчет HTTP Archive состояние веба
• enРуководство по созданию веб-компонента для формы кредитной карты





CSS


• habrКак я в десять раз ускорил работу таблицы Google одной строкой CSS
• habr10 вещей, которые можно делать в верстке с помощью псевдоэлементов before и after
• habrКак сделать удобное 3D-меню на CSS
• habrCSS и XPath для QA: чтобы разобраться с локаторами, нужно всего лишь…
• enOpen Props: Open Source CSS Variables
• enCSS Custom Properties и !important
• enИнтернационализация в CSS
• en5 основных ошибок CSS, которых следует избегать
• enПостроение системы координат с помощью HTML и CSS
• enКонцепты CSS — единственное руководство, которое вам нужно
• enChrome DevTools: CSS Overview
• enГлитч-эффект на чистом CSS

JavaScript


• habrПроцедурная генерация бумажных снежинок
• habrКак ваш браузер обрабатывает прикосновения к экрану телефона (js touch events)
• habrМиграция 17 000 файлов JS на TypeScript. Как это было
• Генерация текста с помощью цепей Маркова на JavaScript
• enRemix — Самый горячий новый JS-фреймворк (зима 2021 г.)







Браузеры


• habrVivaldi-5.0 — Искусство, доступное всем
• «Было приятно, когда наш синтез речи приняли за диктора»: как работает автоперевод и озвучка видео в «Яндекс.Браузере»
• Microsoft начала отговаривать пользователей от установки браузера Chrome
• enЧто нового в WebKit в Safari 15
• enСостояние принятия протокола P2P в современных браузерах

Дайджест за прошлую неделю. dersmoll и alekskorovin.

Комментарии (1)


  1. sinneren
    06.12.2021 13:20
    #23790499
    +2

    Улучшение CLS и LCP Core Web Vitals

    Опять рубрика вредные советы. Предлагают ставить prefetch\preconnect на аналитику. Только ухудшает. Замеры lcp всегда рандомны, как повезет. 2.2с до изменений, просто второй замер 6с. после добавления `loading="eager" importance="high"` 4.1с. Вот и думайте следовать ли советам таким