Size: a a a
2020 February 11
Инклюзивные компоненты: слайдер. Хейдон Пикеринг собирает удобный и доступный слайдер в переводе Татьяны Фокиной на «Веб-стандартах» — https://medium.com/p/a9ebddaae274
Автозаполнение в браузере. Шанмуга Прия Пандис разбирается, как помочь пользователям заполнять формы быстрее, правильно используя атрибут autocomplete — https://tech.ebayinc.com/engineering/autofill-deep-dive/
Улучшаем производительность SVG в рантайме. Тэйлор Хант делится советами, как работать с SVG наиболее эффективно — https://codepen.io/tigt/post/improving-svg-rendering-performance
Кастомная стилизация элементов форм современными возможностями CSS. Аарон Икер показывает, как изменить подход к стилизации чекбоксов и радио-кнопок с учётом хорошо поддерживаемых CSS-свойств — https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
2020 February 12
Один HTML, разный CSS. Ахмад Шадид стилизует шапку статьи пятью способами, не меняя её HTML-разметку — https://ishadeed.com/article/same-html-different-css/
Минимизируем ненужные перекомпоновки в DOM. Харис Теодулу делится советами, как найти, измерить и убрать неоптимальные операции с DOM — https://medium.com/p/76ac7c4d2d4f
Создаём веб, который мы хотим. Стефани Стимак из команды Microsoft Edge рассказывает о совместной с Google, Mozilla, Samsung Internet и Igalia инициативе Web We Want, которая поможет разработчикам влиять на будущее веб-платформы — https://css-tricks.com/building-the-web-we-want/
Могут ли браузеры автоматически исправлять проблемы доступности? Хидде де Врис показывает, в каких случаях и как браузеры могли бы вмешиваться в поведение страницы в интересах пользователей — https://hiddedevries.nl/en/blog/2020-02-04-could-browsers-fix-more-accessibility-problems-automatically
2020 February 13
К адаптивным элементам. Брайан Карделл рассказывает, как развиваются стандарты про зависимость стилей элемента от его размера и какие нюансы нужно учесть для их реализации — https://bkardell.com/blog/TowardResponsive.html
Менее известные значения display в CSS. Екатерина Вуясинович разбирается, как работают inline-flex, inline-grid, flow-root, list-item, contents и ruby, которые не часто встречаются на сайтах — https://dev.to/ekaterinavu/lesser-known-css-display-values-448j
Разбираемся в фазах цикла событий в Node.js и как он исполняет JavaScript. Сумед Нимкарде на примерах объясняет назначение каждой фазы — https://dev.to/lunaticmonk/understanding-the-node-js-event-loop-phases-and-how-it-executes-the-javascript-code-1j9
Chaarts, экспериментальная библиотека рисования доступных адаптивных графиков на основе HTML-таблиц от Гаэля Пупара не использует JavaScript для отображения и работает на вычислениях внутри кастомных свойств — https://ffoodd.github.io/chaarts/
2020 February 14
Новинки Firefox 73 в обзоре Марата Таналина: поддержка логических версий свойств overscroll-behavior, метод requestSubmit() для форм, глобальный масштаб в настройках браузера и другое — https://tanalin.com/blog/2020/02/firefox-73/
2020 February 17
Как загружать полифилы, только когда они нужны. Иван Акулов рассматривает три варианта в блоге PerfPerfPerf — https://3perf.com/blog/polyfills/
2020 February 18
Выпуск №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
2020 February 19
Молчание вентиляторов. Google Colab, Javascript и TensorflowJS. Алексей Охрименко рассказывает, как бесплатно обучать нейронную сеть прямо в браузере на JavaScript — https://habr.com/p/488936/
На пути к отзывчивым элементам. Брайан Карделл проливает свет на проблему «выражений от контейнера», развеивает заблуждения и вводит в курс дел. В переводе CSS-live — https://css-live.ru/css/na-puti-k-otzyvchivym-elementam.html
Jest vs Jasmine: основные отличия. Катерина Павленко про разницу между библиотеками юнит-тестирования, возможные причины переезда и почему Jest один, а Karma всегда в связке с Jasmine — https://medium.com/p/6ef3ce25fada