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

Новинки Firefox 72 в обзоре Криса Миллса: новые возможности отладки, картинка-в-картинке, поддержка объединений с null, Shadow Parts, CSS Motion Path, отдельные CSS-свойства scale, rotate, translate и другие улучшения — https://hacks.mozilla.org/2020/01/firefox-72-our-first-song-of-2020/

Из чего сделан JavaScript? Дэн Абрамов делится своей ментальной моделью JavaScript, которая помогает ему лучше понимать нюансы языка, в переводе на Хабре — https://habr.com/p/482472/

00:01:14 Оля с пожеланиями
00:04:57 Лёша с софт-скилами
00:22:13 Маша с футболом
00:26:23 Вадим без фронтенда
00:34:37 Веб-компоненты и React
00:52:09 Гриды или флексы
01:01:00 Когда перфоманс
01:12:58 Дайвёрсити
01:18:48 Веб-стандарты 2020

Новогодний выпуск №211: Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты и React, гриды или флексы, когда перфоманс, дайвёрсити и Веб-стандарты 2020. Ссылки на Медиуме https://medium.com/p/82b58d3dc805 или на Ютубе https://youtu.be/FOCSAeqmo4s

Прогрессивные веб-приложения в 2020. Максимилиано Фиртман разбирается, как выглядит экосистема PWA на различных устройствах и в разных операционных системах, в переводе на Хабре — https://habr.com/p/482772/

Двигайся быстро и ничего не ломай! Расшифровка доклада Скота Йеля про способы максимально быстрой и удобной пользователю доставки ресурсов страницы: разметки, стилей, изображений, шрифтов и JS-файлов — https://www.filamentgroup.com/lab/dontbreakthings/

Слайдеры с несколькими ручками. Ана Тюдор подробно разбирает, как самостоятельно реализовать удалённый из спецификации multi-range и стилизовать слайдеры — https://css-tricks.com/multi-thumb-sliders-particular-two-thumb-case/

Новогодние «Веб-стандарты» уже скоро 🌲

Продолжается новогодняя игра HTML Academy. Участники проходят курсы, разгадывают загадки и ищут подсказки, чтобы выиграть для всей команды скидку 15% на профессиональные курсы, 10% на программы профессий и доступ ко всем платным интерактивным курсам до 19 января — https://tml.io/j0rm9

Как русскоязычные пользователи с особыми потребностями пользуются сайтами. Татьяна Фокина подводит итоги пилотного исследования за 2019 год — https://medium.com/p/dd42928f10ba

Новогодняя игра HTML Academy стартует 1 января в 00:01. Команды участников соревнуются, кто пройдёт больше курсов. Победившая команда получит скидку 15% на профессиональные курсы, 10% на программы профессий и доступ ко всем платным интерактивным курсам до 19 января — https://tml.io/j0rm9

00:03:21 Console.log или debug
00:10:57 Вариативные шрифты
00:24:06 Принципы доступности
00:31:23 Новогодние акции
00:58:02 Одноразовый код

Выпуск №210: Console.log или debug, вариативные шрифты, принципы доступности, новогодние акции, одноразовый код. В гостях Катя Климович и Александр Малинин. Ссылки на Медиуме https://medium.com/p/6aeaf25c0e5a или на Ютубе https://youtu.be/6LtUod9C2f0

Веб без веба. Лаура Банс вспоминает, как создавали сайты, когда она только пришла в профессию, и делится размышлениями о том, как React изменил веб-разработку — https://dev.to/walaura/the-web-without-the-web-aeo

Разработка в браузере. Шесть видео Юны Кравец про разработку интерфейсов с помощью современных возможностей CSS: моушен, кастомные свойства, расширение с помощью Гудини, адаптивные раскладки, инструменты, типографика и шрифты — https://www.youtube.com/playlist?list=PLNYkxOF6rcIDI0QtJvW6vKonTxn6azCsD

Используйте веб-воркеры для запуска JS вне основного потока браузера. Александр Сурма показывает, как вынести тяжёлые вычисления в отдельный поток и ускорить загрузку интерфейса — https://web.dev/off-main-thread/

Чему меня научило изучение и преподавание доступности за этот год. Сара Суайдан про HTML, ARIA, прогрессивное улучшение, фокус на пользователях и другие ключевые принципы создания интерфейсов, удобных для всех — https://www.24a11y.com/2019/what-a-year-of-learning-and-teaching-accessibility-taught-me/

Разбираемся в JS-декораторах. Майк Грин заметил, как MobX использует декораторы для объявления полей классов, проникся и спешит поделиться — https://www.simplethread.com/understanding-js-decorators/