Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
• Подкаст «Веб-стандарты» №238: События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex набор UI
• Подкаст «Фронтенд Юность (18+)» №146: Под суд за отсутствие accessibility
• Подкаст «CSSSR»: Vue 3, новые фичи CSS, web.dev Russia, PHP 8, ML и QA, полиморфизм, State of Frontend 2020
Веб-разработка
• Возвращение веба 90-х годов
• Wasm или не Wasm?
• Как мы решили оптимизировать картинки — а в процессе переделали сайт, админку и подход к интерфейсу
• Добавление дополненной реальности на ваши сайты
• От Gatsby до Eleventy: Выбор статического генератора сайта для личного сайта
• Текущее состояние pixel-perfect верстки
• Как перейти с Bootstrap 4 на 5 версию
• Сделать Jamstack медленным? Вызов принят.
CSS
• Чего я не знал о CSS
• Невидимые части CSS
• 8 рекомендаций SCSS, о которых следует помнить
• Эффект стоящих карточек на CSS
• Три CSS альтернативы навигации на JavaScript
• Grids Part 1: To grid or not to grid
• CSS брейкпоинты, используемые популярными CSS фреймворками
• Backdrop Filter эффект с CSS
• Решение “click to animate gif” на чистом CSS
• Style Stage — различные комбинации современных техник CSS для стилизации одной HTML структуры в стиле CSS Zen Garden
• Как сделать текст курсивным
JavaScript
• 4 революционных возможности JavaScript из будущего
• 155 вопросов по JavaScript
• Установка и обновление зависимостей в JavaScript
• Что такое замыкание, объяснение от Дена Абрамова
• Простое объяснение делегирования событий в JavaScript
• 34 самых популярных репозиториев JS на GitHub в июне 2020 года
• 14 советов по оптимизации кода JavaScript для фронтенд разработчиков
• 8 глупых JavaScript-проектов, которые заставят вас улыбнуться
• Устранение дублирующихся объектов: три подхода
- React
•Борьба за производительность по-настоящему больших форм на React
•Повышаем квалификацию с лучшими инструментами для web-разработки на React
•Методы улучшения и оптимизации производительности в приложениях React
•React Spectrum — коллекция библиотек и инструментов от Adobe, которые помогут вам создать адаптивный, доступный и надежный пользовательский интерфейс
•Почему я перешел с Vue в React
•Взгляд на React Router 6
- Vue
•Vue.js для начинающих, урок 3: условный рендеринг
•Vue.js для начинающих, урок 4: рендеринг списков
•Vue 3 теперь в RC
•Взгляд на новый Vue: что ожидать во Vue 3
•Вам не нужен Vuex с Vue 3
•Использование IntersectionObserver с Vue.js
- Angular
•Неправильное представление о методах жизненного цикла в Angular
•Хакаем формы Angular с Rxjs
•Создание пользовательской библиотеки с Angular
- Ember
•The Ember Times — Issue No. 156
•Как модификаторы Ember могут управляться изнутри?
•Использование ember-concurrency с TypeScript
- Svelte
•Ленивая загрузка изображений в Svelte
•Интерактивные карты с Leaflet и Svelte
•Отзывчивый Svelte (исследуя реактивность Svelte)
- Libs & Plugins
•uvu — чрезвычайно быстрый и легкий тест-раннер для Node.js и браузера
•form-validation.js — Самый настраиваемый фреймворк для валидации в JavaScript.
•Введение в Stimulus.js, скромный JavaScript фреймворк, который дополняет ваш существующий HTML
•Bree — лучший планировщик для Node.js с поддержкой cron, dates, ms, later и human-friendly strings
•Bumblebee — JavaScript фреймворк для создания голосовых приложений
•Воссоздание библиотеки Facebook Recoil
Браузеры
• Новое в Chrome 84
• Релиз Chrome 84
• Исправление Windows 10, снизившее потребление памяти в Chrome, отключили в новой версии браузера
Занимательное
• Google развеял SEO-мифы о краулинговом бюджете
• Официально запущен сервис Mozilla VPN
• GitHub ушёл под лёд: 21 Тбайт открытого кода спрятано в арктическом хранилище
• Apple обновила стайлгайд для разработчиков и заменила в нём слова blacklist, master и slave для борьбы с дискриминацией
• NYT: взломавший Twitter-аккаунты Маска и других получил доступ к внутренним инструментам через чат компании в Slack
• Линус Торвальдс одобрил исключение из кода ядра Linux терминов slave, blacklist и прочих
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort