Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•

•


•

•

•

Веб-разработка
•

•

•

•

•

•

•

-
Инструменты
•35 инструментов для веб-разработчика на каждый день
•Yarn vs npm: все, что вам нужно знать
-
Доступность
•Как избежать дорогостоящих штрафов, связанных с доступностью из-за WCAG, ADA и 508
•Альтернативный текст для изображений
-
Веб-анимация
•Motion One — Новая библиотека для анимации, основанная на Web Animations API для меньшего размера файла и максимальной производительности.
•Theatre.js — JS библиотека для анимации с графическим интерфейсом. Анимирует DOM, WebGL и любую другую JS переменную
•Menu and Thumbnail Stack Animation
•35 CSS и JS библиотек для анимации
•За кулисами: демонстрации карт на базе WebGL для Google I/O
CSS
•

•

•

•

•

•

•

•

•

•

JavaScript
• Проект elk развивает компактный JavaScript-движок для микроконтроллеров
•

•

•

•

-
React
•React state с фрагментированным хранилищем
•Ультимативный набор ReactJS ресурсов для веб-разработчиков в 2021
•Переделка большого e-commerce сайта с помощью Next.js
•Анализ читабельности React при реализации пользовательских хуков
•Скажите привет бете Gatsby 4
•React Hooks для бесконечной прокрутки: расширенное руководство
•Тред: 10 уроков, которые я извлек из работы с React state за последние 7 лет..
•React + GSAP: идеальное сочетание для создания веб-сайтов, за которые дают награды
-
Vue
•Обзор petite-vue с Chris Coyier и Dave Rupert
•Почему я выбрал Vue.js для своей фрилансерской ниши
•Изучение Vite через его исходный код
-
Angular
•Концепция контроллеров компонента в Angular: часть вторая
•Angular — больше НЕ вызывайте функцию внутри шаблона
•Введение в NGXS, шаблон управления состоянием + библиотека для Angular
•Телеграф на RxJS: мощность реактивных систем
•Типобезопасный код с Immer и где он может помочь в NgRx
-
Ember
•The Ember Times — Issue No. 189
•Шпаргалка Ember.js
•Coding с the Dead — 21.9.21 — Ember Leaflet, Mirage, Ember Data
-
Libs & Plugins
•Elk: крошечный JS-движок для встраиваемых систем
•Представляем Partytown: запуск сторонних скриптов из Web Worker
Браузеры
• Google опубликовал план прекращения поддержки второй версии манифеста Chrome
• Критика включения API Idle Detection в Chrome 94. Эксперименты с Rust в Chrome
• Релиз Chrome 94
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Комментарии (4)
ht-pro
27.09.2021 11:20+3Проект elk развивает компактный JavaScript-движок для микроконтроллеров
Спойлер
В Elk реализовано небольшое, но достаточное для создания рабочих сценариев, подмножество спецификации Ecmascript 6. В частности, поддерживается базовый набор операторов и типов, но нет поддержки массивов, прототипов, выражений this, new и delete. Вместо var и const предлагается использовать let, а вместо do, switch и for - while. Не предоставляется стандартная библиотека, т.е. нет таких объектов Date, Regexp, Function, String и Number.
Зато "на JS")...
gewisser
27.09.2021 23:43В нашей компании Svelte стали в некоторых подпроектах применять. Мне кажется через несколько лет, он может подвинуть Vue. Может в дайджест уже пора и его включить?
alexzfort Автор
28.09.2021 09:44Последние полгода включаем его на постоянной основе. По svelte не на каждой неделе появляется что-то интересное, но время от времени добавляем отдельный блок, например в выпуске №484 и предыдущих
aio350
спасибо за подборку