Медиа|Веб-разработка|CSS|JavaScript|Браузеры
Медиа
Новости 512 от CSSSR: Новогодние пробелы
Подкаст Веб-стандарты 264. Safari, подсветка ошибок, HTML по частям, Suspense, Concurrent, Server Components и SSR в React
Тренды веб-разработки в 2021 году обсуждение на платформе HTML Academy
Веб-разработка
Автоматическая виртуализация рендеринга произвольной вёрстки
Фронтендеры герои. Yehuda Katz объясняет почему
Прогрессивные веб-приложения в 2021 году
Выбор лучшего генератора статических сайтов на 2021 год
6 топ трендов и прогнозов на 2021 год
GraphQL и Jamstack
- Инструменты
10 лучших практик контейнеризации веб-приложений Node.js с помощью Docker
Deno в 2020
Релиз Snowpack v3.0
Семь способов проверить доступность вашего веб-сайта с помощью браузерных инструментов разработчика
- Производительность
Front-End Performance Checklist 2021. Всеобъемлющий чеклист производительности от Виталия Фридмана.
Как ускорить работу мобильного сайта за 5 шагов + инструменты для тестирования скорости мобильного сайта
Отслеживайте производительность вашего веб-приложения с помощью JavaScript
- Эффекты
Анимация бесконечного гиперболического геликоида с помощью Three.js
Анимация с Lottie
Создание огня из Doom Fire с помощью современного JavaScript
CSS
Практика использования спецификации CSS Scroll Snap
Искусство компонентов. Пишем карточку контакта Facebook Messenger
Свободно стилизируемы outline DOM элементов
Шпаргалки по FlexBox в 2021
Почему Tailwind не для меня
Рисование декоративных линий с помощью CSS
CSS mix-blend-mode не работает? Задайте background-color!
6 свойств CSS, о которых никто не говорит
Как влюбиться в Single Div иллюстрации
Об автоматической генерации атомарного CSS
JavaScript
2020 JavaScript Rising Stars. Обзор трендов JS-проектов исходя из количества звёзд на GitHub
State of JS 2020: Результаты опроса
Практическое введение во внедрение зависимостей (Dependency Injection)
5 JavaScript инструментов, на которые стоит обратить внимание в 2021 году
Полное руководство по манипулированию датой в JavaScript
Будьте готовы к ESM
Доступ к веб-камере с помощью JavaScript и React
JavaScript Rising Stars, пятый выпуск ежегодного обзора тенденций в мире JavaScript
Анонс TypeScript 4.2 Beta
- Теория
Будущее JavaScript: декораторы
Операторы логического присваивания
Стек и очередь в JavaScript
Асинхронные циклы и почему они терпят неудачу. Часть 1
Новый метод массива, который вам понравится: array.at(index)
Новые неизменяемые типы данных JavaScript: записи и кортежи
Руководство для новичков по JavaScript мемоизации
Глубокое погружение в модули JavaScript
- React
Код на React и TypeScript, который работает быстро. Доклад Яндекса
Дорожная карта React: 10 шагов, чтобы стать разработчиком React в 2021 году
Вы не знаете useState, пока не воспользуетесь функциональными обновлениями
Профилирование приложений React с помощью Profiler API
3 подхода к интеграции React с пользовательскими элементами
Интеграция Dialogflow в приложение на React
Использование redux-like middleware для useReducer в React
Введение в React Server Side Rendering
React vs. web components
- Vue
Пишем мессенджер на Vue в облаке Amazon
2020-2021: Размышления Эвана Ю о Vue
vno: a vue / deno love story
Взгляд на Scoped Slots во Vue
- Angular
Taiga UI библиотека компонентов под Angular, которую вам стоит попробовать
Мысли про документацию Angular: смотрим в будущее, оглядываясь назад
Демистификация корневого компонента Taiga UI: паттерн порталов в Angular
- Ember
The Ember Times Issue No. 171
I Love Ember.js Routes & Ember Data
Расстаньтесь со своим фронтенд монолитом с помощью Ember Engines
Микро-фронтенды с Glimmer.js и single-spa
- Libs & Plugins
qs querystring-парсер с поддержкой вложенности
Altair красивый многофункциональный клиент GraphQL для всех платформ.
Браузеры
Google отключит сторонние браузеры на движке Chromium от своих служб
Пользователи теперь могут выбрать версию Microsoft Edge для устройств Apple M1
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.