Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
• Подкаст «Веб-стандарты» №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
• 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
• Как сделать текст курсивным
• 4 революционных возможности JavaScript из будущего
• 155 вопросов по JavaScript
• Установка и обновление зависимостей в JavaScript
• Что такое замыкание, объяснение от Дена Абрамова
• Простое объяснение делегирования событий в JavaScript
• 34 самых популярных репозиториев JS на GitHub в июне 2020 года
• 14 советов по оптимизации кода JavaScript для фронтенд разработчиков
• 8 глупых JavaScript-проектов, которые заставят вас улыбнуться
• Устранение дублирующихся объектов: три подхода
• Новое в 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.
Медиа | Веб-разработка | 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.