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

Прерывание fetch-запроса. Ви Эс Ганапати показывает, как при помощи AbortController принудительно завершать запросы, инициированные методом fetch — https://meetguns.com/blog/aborting-a-fetch-request/

Вы используете devDependencies неправильно. Пётр Флакс открывает глаза всем, кто использует секцию devDependencies в package.json без флага --production — https://incubator.flaks.dev/devdependencies-mistake

Умные анимации на кастомных свойствах. Маттиа Асторино показывает, как избежать дублирования кода и управлять анимациями в CSS по-новому — https://equinusocio.dev/blog/smart-animations-with-custom-properties/

Устраняем утечки памяти в веб-приложениях. Нолан Лоусон рассказывает, как исследовать приложение на наличие утечек памяти и почему они могут возникать — https://nolanlawson.com/2020/02/19/fixing-memory-leaks-in-web-applications/

Руководство по консольным командам. Трэвис Алманд показывает, какие ещё есть полезные команды в консоли в инструментах разработчика, кроме привычного console.log — https://css-tricks.com/a-guide-to-console-commands/

Объяснение селекторов. Хьюго Жирадель собрал переводчик с языка селекторов в CSS на английский — https://hugogiraudel.github.io/selectors-explained/

Видео докладов с MinskJS Meetup #7: браузерные расширения, безопасный инпут в <iframe> и инструменты для JAMstack — https://www.youtube.com/playlist?list=PL-whh3wS8xsL3nvC7pP69BhxdLC5JRT5B

Выпуск №218: Опять гриды, градиенты всё лучше, блокирующий CSS, веб-компоненты, всё про кнопки и disabled. В гостях Глафира Жур. Слушайте на Ютубе https://youtu.be/arNdGsoRve8, читайте на Медиуме https://medium.com/p/4e8cd079eeac

00:00:48 События
00:09:06 Опять гриды
00:17:25 Градиенты всё лучше
00:22:22 Блокирующий CSS
00:27:47 Веб-компоненты
00:37:49 Всё про кнопки
00:51:48 Как работает disabled

Стилизация старой доброй кнопки. Ахмад Шадид делится лучшими практиками и особенностями работы с <button> — https://ishadeed.com/article/styling-the-good-old-button/

Когда CSS блокирует. Тим Кадлек разбирает недостатки одного способа асинхронной загрузки CSS и предлагает альтернативное решение — https://timkadlec.com/remembers/2020-02-13-when-css-blocks/

Пока вы не смотрите, градиенты в CSS становятся лучше. Ана Тюдор рассказывает о компактном синтаксисе указания начала и конца цвета в линейном градиенте — https://css-tricks.com/while-you-werent-looking-css-gradients-got-better/

Опыт интеграции веб-компонентов на сайт Леруа Мерлен. Валентин Федяков рассказывает о плюсах и минусах постепенного внедрения веб-компонентов в крупном проекте — https://habr.com/p/488648/

Четыре видео с MoscowJS 47: погоня за перфомансом, поиск багов, код с уважением, расширяемые интерфейсы — https://www.youtube.com/playlist?list=PL95OM-7UObpEoTxbhvG6Udnkw-xM4Ay5u

Отключенные контролы форм — как с ними работать. Кетелин Расу про использование атрибута disabled в HTML, CSS и JavaScript — https://catalin.red/disabled-form-controls/

Декларативный Shadow DOM. Мейсон Фрид из команды Chrome и Blink предлагает решение для создания изолированного поддерева прямо в разметке для ускорения рендеринга до 6 раз, лучшей работы с поисковиками и серверного рендеринга — https://github.com/mfreed7/declarative-shadow-dom/blob/master/README.md

Быстро сразу. Алгоритмическая оптимизация перфоманса на практике. Владимир Агафонкин на dotJS в Париже — https://youtu.be/bwA9i6wjfhw

CSS-свойства object-fit и object-position: кадрирование картинок встроенных в HTML. Мартин Михалек в переводе Дмитрия Гордиенко — http://odinokun.com/2020-02-17-css-svojstva-object-fit-i-object-position.html