Веб-стандарты. Страница 57

Отрицательные внешние отступы в CSS. Питер-Пол Кох документирует поведение человеческим языком в черновике главы своей новой книги — https://www.quirksmode.org/blog/archives/2020/02/negative_margin.html

Создание аркадной игры на ванильном JavaScript. Роберто Эрнандес предлагает интересный способ обучения новичков манипуляциям с DOM на практике, в переводе Дмитрия Гордиенко — http://odinokun.com/2020-03-02-sozdanie-arkadnoj-igry-na-vanilnom-javascript.html

Может, нам слегка успокоиться с JavaScript? Эвелин Вудс показывает веб, который не работает до загрузки JS или ломает функции браузера, в переводе на Хабре — https://habr.com/p/490412/

Как правильно делать доклады на конференциях, обучать коллег в команде, на курсах и воркшопах — расскажут 12 марта в Москве Марк Шевченко и Нина Пакшина из «Московского клуба программистов», Игорь Музыкин из Skillbox. Подробности и регистрация — https://skillbox.timepad.ru/event/1273585/?utm_source=telegram&utm_medium=social&utm_campaign=all_all_telegram_social_post_event_all_code_skillbox_webstandards-ru

00:01:46 События
00:07:25 Отладка перфоманса
00:12:04 Разный --save-dev
00:18:06 CSS4, продолжение
00:30:10 Мечты о CSS
00:37:51 Софт-скилы
00:46:59 Чему учить сотрудника
01:00:45 Что такое софт и хард
01:10:05 Мягкий фронтендер

Выпуск №219: Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать. В гостях Андрей Смирнов. Слушайте на Ютубе https://youtu.be/fZEvoKhsCQI, читайте на Медиуме https://medium.com/p/3e5425604f40

Роняйте ваши тесты. Кент Си Доддс объясняет, почему важно сначала добиться падения теста, и только потом его озеленить — https://kentcdodds.com/blog/make-your-test-fail

Что такое ARIA? Бен Майерс на примерах объясняет, из чего состоит ARIA, его назначение, зачем его нужно и зачем не нужно применять — https://blog.benmyers.dev/aria/

Современный веб на Galaxy Fold. Диего Гонзалез рассказывает, как проверить, что ваш сайт готов к отображению на смартфонах со складываемым экраном — https://medium.com/p/ad12d7f57c26

Пишем плагин для Babel, пошаговое руководство. Тан Ли Хау показывает, как можно использовать Babel для преобразования кода, в переводе на Хабре — https://habr.com/p/490456/

Прямая трансляция конференции Я ❤︎ Фронтенд 2020 с докладами про глазные интерфейсы, семантику, ApolloClient, роутеры, картинки, BFCache, пет-проджекты и менторство. Начало в 11:00 (GMT+3) — https://youtu.be/eLlULhNNthI, программа — https://ilovefrontend.ru

Смотрим на все 13 Proxy-ловушек в JavaScript. Джек Мистели подробно рассказывает, какие события работы с объектами можно перехватывать внутри Proxy — https://alligator.io/js/proxy-traps/

Давайте использовать счётчики в CSS. Ахмад Шадид на примерах показывает, как работают CSS-счётчики и для чего их можно применять — https://ishadeed.com/article/css-counters/

Фантазийный CSS. Тайлер Стика размечтался о прекрасных возможностях CSS, которых у нас пока нет: выражения от контейнера, удобный SVG, выравнивание по символам, стилизация форм, кликабельные области, новые псевдоэлементы, гладкие градиенты и другое — https://cloudfour.com/thinks/some-imaginary-css/

Противоречивый пользовательский опыт с нативной ленивой загрузкой картинок. Даниэль Александерсен рассказывает о различиях в браузерных реализациях атрибута loading="lazy" — https://www.ctrl.blog/entry/lazy-loading-viewports.html

Проверки производительности в браузере при помощи Feature Policies. Тим Кадлек рассказывает, как при помощи заголовка Feature-Policy сервер может запрещать браузеру работать с неоптимизированными ресурсами — https://timkadlec.com/remembers/2020-02-20-in-browser-performance-linting-with-feature-policies/

Вплетение линии в текст на CSS. Ана Тюдор показывает, как реализовать интересный эффект прохождения линии сквозь буквы текста — https://css-tricks.com/weaving-a-line-through-text-in-css/

9 видео с WebAssembly Summit 2020: новая экосистема, генерация музыки, интернет вещей, полифил для <video>, новый интерпретатор в JavaScriptCore и другие — https://www.youtube.com/playlist?list=PL6ed-L7Ni0yQ1pCKkw1g3QeN2BQxXvCPK