Онлайн-курс про цифровую доступность для разработчиков, тестировщиков и дизайнеров стартует 6 февраля. В программе: теория доступной разработки, применение знаний на практике и тестирование работ вместе с незрячими людьми.
Выпуск №264. Андрей Мелихов, Никита Дубко, Маша Просвирнина и Дэн Абрамов про Safari, подсветку ошибок, загрузку HTML по частям, Suspense, Concurrent, Server Components и SSR в React.
00:01:19 Safari TP 118 00:11:59 Подсветка ошибок на CSS 00:15:19 Загрузка HTML по частям 00:23:34 Suspense и Concurrent 00:40:07 Серверные компоненты 01:01:43 React уже фреймворк? 01:10:16 Сложный бэкенд и SSR
Прогрессивные веб-приложения (PWA) в 2021. Максимилиано Фиртман с обзором текущего состояния, рыночной доли, новинок, отсутствующих возможностей и новых вызовов для платформы.
Многофункциональная кнопка. Адриан Розелли собирает доступную кнопку, которая имеет несколько состояний: готовность к действию, прогресс, ошибка, успех.
Будущее CSS. Брамус Ван Дамм рассказывает, как сейчас работают кастомные свойства и какие возможности может принести внедрение спецификации высокоуровневых кастомных свойств.
Перфоманс-чеклист для фронтенда. Виталий Фридман делится подробным списком вещей, которые можно сделать для оптимизации производительности веб-приложений: от планирования, сбора метрик и управления сборкой до настройки сервера и тестирования.
Результаты опроса State of JS 2020: демография участников опроса, возможности JS, технологии, инструменты разработки, блоги и подкасты, взгляды на развитие JS и другие.
Обновление вашего PWA в продакшене. Тимур Самойлов делится способами поддержания актуальности приложения у пользователя, когда к сайту подключён сервис-воркер.
Qui, новая библиотека компонентов для Vue: больше 30 компонентов, коллекция иконок, цвета и сетки, в стиле неоморфизма, песочница в Storybook. Поддерживает Vue 2, но работа над поддежкой Vue 3 уже в плане.
Вышло обновление Snowpack v3.0, лёгкого сборщика для фронтенда: импорт собранных зависимостей как ES-модулей, оптимизация и минификация с помощью esbuild, новый JS API для настройки сервера и сборки, новый рантайм для Node.js.
Filament Group предлагает сравнять возможности <video> с <picture> и, как минимум, поддержать атрибут media для <source> или даже srcset и sizes. Это позволит более гибко запрашивать нужные размеры видео прямо из разметки, без серверных решений.
BBC World Service мигрировал с PHP-монолита на изоморфное SPA на React с серверным рендерингом. В основе собственная платформа Simorgh и библиотека компонентов Psammead.
Выпуск №265. Вадим Макеев, Никита Дубко и Виталий Фридман про Smashing Conf, Puppeteer и Firefox, состояние всего, video как picture и чек-лист по перфомансу.
00:02:07 События и Smashing Conf 00:17:50 Puppeteer для Firefox 00:22:19 Состояние всего 00:38:55 Video как picture 00:53:59 Чек-лист по перфомансу 01:09:13 Нужен ли перфоманс
Восходящие звёзды JavaScript 2020. Ежегодный обзор тенденций в мире JavaScript, основанный на сравнении количества звёзд на GitHub за последние 12 месяцев.
Тестирование доступности в браузере. Кристиан Хайльманн показывает возможности инструментов разработчика, которые могут быть полезны для проверки доступности сайтов.
Опубликован первый рабочий черновик спецификации CSS Cascading and Inheritance 5 уровня. Главная новинка — директива @layers, предложенная Мириам Сюзанн, которая позволит создавать и управлять слоями каскада.