Логические свойства CSS. Энди Белл показывает, как работать с отступами от текста на мультиязычных сайтах — https://piccalil.li/tutorial/css-logical-properties/
Size: a a a
2020 April 03
2020 April 06
Как сделать ссылку «Перейти к контенту». Пол Райан улучшает доступность сайта для пользователей клавиатуры и скринридеров — https://css-tricks.com/how-to-create-a-skip-to-content-link/
Почему пора перестать использовать JavaScript IIFE. Джон Ау-Юнг показывает, как современный JavaScript решает проблемы, которые раньше решали немедленно вызываемые функции, в переводе на Хабре — https://habr.com/p/494868/
Выпуск №224: Safari и Chrome, ES2020, дизайнеры и код, палитры, анимации, устаревший Git Flow и видеоплееры. В гостях Алексей Авдеев. Слушайте на Ютубе https://youtu.be/HAgDBXJ-81M, читайте на Медиуме https://medium.com/p/8f99bf6dc9dc
Как определить неактивную вкладку в браузере. Уильям Ли использует Page Visibility API для улучшения UX, когда пользователь уходит или возвращается на вкладку с приложением — https://alligator.io/js/page-visibility-api/
2020 April 07
Цвета LCH в CSS: что это и зачем? Лиа Веру на примерах объясняет, что даёт новое цветовое пространство и как конвертировать цвета между sRGB и LCH — http://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/
Intersection Observer API. Гарри Хеман делится примерами использования на практике определения видимости элемента во вьюпорте — https://habr.com/p/494670/
Тип данных Maybe в JavaScript. Амин Наири объясняет один из приёмов в функциональном программировании и зачем он может пригодиться — https://dev.to/aminnairi/the-maybe-data-type-in-javascript-3bj8
2020 April 08
Шпаргалка по БЭМ. Нильс Биндер собирает популярные в вёрстке компоненты и раскладывает элементы внутри них по БЭМ — https://9elements.com/bem-cheat-sheet/
Измерение производительности JavaScript-функций. Феликс Гершау рассказывает, какие методы помогают замерять время выполнения функций и как производить замеры правильно, в переводе на Хабре — https://habr.com/p/495894/
FOUDT: Flash of Unstyled Dark Theme. Даниэль Стокс разбирается с проблемой «вспышки» при загрузке тёмной темы сайта и предлагает пути решения — https://webcloud.se/blog/2020-04-06-flash-of-unstyled-dark-theme/
2020 April 09
Новинки Chrome 81 в обзоре Пита Лепажа: обновлённое расписание релизов Chrome, Web XR Hit Test API, наклейки на иконках приложений, Web NFC и другие. Подробнее в статье https://developers.google.com/web/updates/2020/04/nic81
или видео https://youtu.be/ihjL0mcnlQs
или видео https://youtu.be/ihjL0mcnlQs
Настраиваем Windows для веб-разработки. Зелл Лью устанавливает подсистему Linux в Windows и добавляет всё самое необходимое для работы — https://zellwk.com/blog/windows-wsl/
Новинки Firefox 75 в обзоре Марата Таналина: функции min(), max() и clamp() в CSS, атрибут loading="lazy" у картинок, публичные статические свойства классов в JS, событие отправки формы SubmitEvent и другие — https://tanalin.com/blog/2020/04/firefox-75/
Создание тёмной темы для StackOverflow. Аарон Шеки рассказывает, как крупный ресурс с существующей дизайн-системой адаптировать под переключение темы — https://stackoverflow.blog/2020/03/31/building-dark-mode-on-stack-overflow/
2020 April 10
Делая вещи лучше. Рэйчел Эндрю размышляет о том, как развивается задача поместить контент в ограниченное пространство и почему новые спецификации не дают универсального решения — https://rachelandrew.co.uk/archives/2020/04/07/making-things-better/
BFCache, или Туда и обратно. Расшифровка доклада Виктора Хомякова про то, как при нажатии пользователем кнопки «Назад» в браузере отдавать ему страницу максимально быстро и без потерь — https://habr.com/p/496360/
2020 April 13
Уменьшение размера бандла за счёт имён CSS-классов. Денис Хрипков настраивает Webpack преобразовывать имена классов в однобуквенные с хэшем имени файла для лучшего сжатия в gzip и brotli — https://dev.to/denisx/reduce-bundle-size-via-one-letter-css-classname-hash-strategy-10g6
Оптимизация шрифтов на своём сайте. Грег Айвз делится опытом изменения стратегии загрузки шрифтов и ускорения отрисовки первого экрана сайта на 3 секунды — https://gregives.co.uk/blog/optimising-the-fonts-on-my-website/