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

Jest vs Jasmine: основные отличия. Катерина Павленко про разницу между библиотеками юнит-тестирования, возможные причины переезда и почему Jest один, а Karma всегда в связке с Jasmine — https://medium.com/p/6ef3ce25fada

На пути к отзывчивым элементам. Брайан Карделл проливает свет на проблему «выражений от контейнера», развеивает заблуждения и вводит в курс дел. В переводе CSS-live — https://css-live.ru/css/na-puti-k-otzyvchivym-elementam.html

Молчание вентиляторов. Google Colab, Javascript и TensorflowJS. Алексей Охрименко рассказывает, как бесплатно обучать нейронную сеть прямо в браузере на JavaScript — https://habr.com/p/488936/

Выпуск №217: Firefox 73, Angular 9, Container Queries, Web We Want, CSS4, JS поедает HTML, DOM Reflow. Слушайте на Ютубе https://youtu.be/o1c-npyYbxg, читайте на Медиуме https://medium.com/p/e5194d41350

00:00:51 События
00:06:24 Новинки Firefox 73
00:09:08 Angular 9 с новым сборщиком
00:14:29 Container Queries
00:24:13 Web We Want
00:36:16 Нужен ли нам CSS4
00:50:05 Как JS поедает HTML
00:59:10 Избегаем DOM Reflow

Как загружать полифилы, только когда они нужны. Иван Акулов рассматривает три варианта в блоге PerfPerfPerf — https://3perf.com/blog/polyfills/

Новинки Firefox 73 в обзоре Марата Таналина: поддержка логических версий свойств overscroll-behavior, метод requestSubmit() для форм, глобальный масштаб в настройках браузера и другое — https://tanalin.com/blog/2020/02/firefox-73/

Chaarts, экспериментальная библиотека рисования доступных адаптивных графиков на основе HTML-таблиц от Гаэля Пупара не использует JavaScript для отображения и работает на вычислениях внутри кастомных свойств — https://ffoodd.github.io/chaarts/

Разбираемся в фазах цикла событий в Node.js и как он исполняет JavaScript. Сумед Нимкарде на примерах объясняет назначение каждой фазы — https://dev.to/lunaticmonk/understanding-the-node-js-event-loop-phases-and-how-it-executes-the-javascript-code-1j9

Менее известные значения display в CSS. Екатерина Вуясинович разбирается, как работают inline-flex, inline-grid, flow-root, list-item, contents и ruby, которые не часто встречаются на сайтах — https://dev.to/ekaterinavu/lesser-known-css-display-values-448j

К адаптивным элементам. Брайан Карделл рассказывает, как развиваются стандарты про зависимость стилей элемента от его размера и какие нюансы нужно учесть для их реализации — https://bkardell.com/blog/TowardResponsive.html

Могут ли браузеры автоматически исправлять проблемы доступности? Хидде де Врис показывает, в каких случаях и как браузеры могли бы вмешиваться в поведение страницы в интересах пользователей — https://hiddedevries.nl/en/blog/2020-02-04-could-browsers-fix-more-accessibility-problems-automatically

Создаём веб, который мы хотим. Стефани Стимак из команды Microsoft Edge рассказывает о совместной с Google, Mozilla, Samsung Internet и Igalia инициативе Web We Want, которая поможет разработчикам влиять на будущее веб-платформы — https://css-tricks.com/building-the-web-we-want/

Минимизируем ненужные перекомпоновки в DOM. Харис Теодулу делится советами, как найти, измерить и убрать неоптимальные операции с DOM — https://medium.com/p/76ac7c4d2d4f

Один HTML, разный CSS. Ахмад Шадид стилизует шапку статьи пятью способами, не меняя её HTML-разметку — https://ishadeed.com/article/same-html-different-css/

Кастомная стилизация элементов форм современными возможностями CSS. Аарон Икер показывает, как изменить подход к стилизации чекбоксов и радио-кнопок с учётом хорошо поддерживаемых CSS-свойств — https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/

Улучшаем производительность SVG в рантайме. Тэйлор Хант делится советами, как работать с SVG наиболее эффективно — https://codepen.io/tigt/post/improving-svg-rendering-performance

Автозаполнение в браузере. Шанмуга Прия Пандис разбирается, как помочь пользователям заполнять формы быстрее, правильно используя атрибут autocomplete — https://tech.ebayinc.com/engineering/autofill-deep-dive/