Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Веб-разработка
• 
Как при помощи ИИ сделать распознавание вводимых вами рукописных цифр прямо в браузере
• Обзор архитектуры RenderingNG в Chromium
• Все, что вы когда-либо хотели знать о WebRTC
• NFC приходит в веб
• Вот почему хранение JWT в Local Storage — катастрофическая ошибка
- Инструменты
• Не очень известные возможности Chrome Devtools
• Что нового в DevTools (Chrome 93)
• Релиз Yarn 3.0 производительность, ESBuild, улучшенные патчи, …
- Производительность
• Уроки, вынесенные после сессии WebPageTest на CSS-Tricks
• Руководство для новичков в Lighthouse
• Инлайнинг ресурсов в JavaScript фреймворках. Как команда Chrome улучшает LCP в экосистеме JS
- Доступность
• В Колорадо государственные веб-сайты и сайты местных органов власти должны будут отвечать стандартам доступности
• Создание доступного диалога с нуля
• 101 совет и рекомендация по цифровой доступности
CSS
• Более 15 полезных инструментов для фронтендера с уклоном в CSS
• Обнаружение устройств, поддерживающих hover
• Свойства блочной модели CSS. Объяснение с примерами
• Укрощаем режимы наложения: difference и exclusion
• Почему разработчики любят Bulma CSS
• Размышления об эффекте вырезания: CSS или SVG?
• Не существует такого понятия, как абсолютная единица CSS
• Использование abs(), sign(), round() и mod() в CSS сегодня
• Логические свойства и значения CSS
• Helvetica теперь является вариативным шрифтом
• Создание генеративных пятен с помощью CSS Paint API
• Выравнивание кнопки по вертикали
JavaScript
• Прекратите изучать фреймворк, станьте JavaScript-разработчиком
• В JS-функциях «побеждает» последний оператор return
• Выполнение ES модулей в CLI
• Написание игры Сокобан на JavaScript
• Полное руководство по локализации вашего приложения с помощью Internationalization API в JavaScript
- React
• Mobx — неприятные моменты
• Как написать свою онлайн-песочницу с поддержкой React и популярных библиотек
• Как разобраться в исходном коде React
• Глобальные и локальные стили в Next.js
• Использование Web Share API в React
• Использование BLoC Pattern в React
• Визуальное руководство по рендерингу React — Props
• Анализ читабельности Inline Conditional Rendering в React
• Serverless функции в Gatsby Functions и Международная космическая станция
- Vue
• @teqfw/vue
• Гайд по миграции с Vue 2 на Vue 3. Часть 1
• С Vue 3 вам может и не понадобиться Vuex
• Как мы улучшили время загрузки нашего приложения на VueJS с 15 до 1с
• Vue Router — официальный роутер для VueJS
- Angular
• Angular Life: коды состояния сервера с Angular Universal
• Как использовать push-уведомления в Angular?
• Как создать E-Commerce сайт с помощью Angular 11, Commerce Layer и Paypal
- Ember
• The Ember Times — Issue No. 185
• Ember.js: The Good Parts
• Избегание жизненного цикла компонентов
• Ember.js Berlin — July 2021
- Svelte
• Svelte Storm — IDE для Svelte
- Libs & Plugins
• Фреймворк для создания изображений Open Graph
• drumsynth — Синтез барабанов в JavaScript
Браузеры
• Vivaldi 4.1 — Хорошо забытое новое
• Единичные и неожиданные результаты с Safari
• Мнения о Safari 15
• Safari не защищает веб, а убивает его
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.