Фронтенд-дайджест №379 (2 - 8 сентября 2019)
Медиа
- Подкаст "Фронтенд Юность (18+)": #106 Сеньёр знает цену говнокоду
- Подкаст "Frontend Weekend" #97: Всеволод Родионов о том, как вместо карьеры мореплавателя построить карьеру разработчика
- Подкаст "Девшахта/Ночной фронтенд" #94: Павел Малышев защищает и продвигает Svelte
Веб-разработка
- Аккордеон, faq, спойлер и другие раскрывающиеся виджеты
- Новые типы микроразметки для расширенных интерактивных сниппетов
- Архитектура фронтенда: Средний круг
- Apple только что запустила веб-компоненты на продакшене, и вы, вероятно, пропустили это
-
Инструменты
- Кастомная тема в Chrome DevTools
- Chrome 77 - Что нового в DevTools
- Что нового в DevTools (Chrome 78)
- "Globalization Tools - The State of the Web". Новое видео на канале google developers с Андреем Ситником в качестве приглашенного гостя
- Отладка TypeScript в Firefox DevTools
- Webpack Boilerplate - минимальный Webpack 4 бойлерплейт с , Sass, ESLint, Hot Module Replacement и оптимизацией development/production
- 5 советов для Firefox DevTools - Storage Inspector
-
Производительность
-
Доступность
-
Эффекты
CSS
- Обрезка и визуальная потеря данных в CSS
- Понимание специфичности в CSS
- Всё, что вам нужно знать про CSS Margin
- Использование PostCSS для автоматизации вашего рабочего процесса
- Различные методы расширения прямоугольника c сохранением border-radius
- Мой любимый CSS хак
- CSS Variables for IE11: Настоящий polyfill для пользовательских свойств в IE11
- Что делают CSS-разработчики и зачем они нужны?
- Инструмент для сравнения CSS фреймворков
JavaScript
- Анимация ссылок в строке браузера с помощью JavaScript и эмодзи
- Как оптимизировать ваше приложение JavaScript с помощью сервис воркеров
- Простой самодельный обфускатор JavaScript
- Как работает JavaScript
-
Теория
- Профессиональное использование DOM
- Как делать trim строк в JavaScript (ES2019)
- Как ускорить оператор spread в JavaScript
- Должен ли сайт работать без JavaScript?
- Асинхронный JavaScript: введение в JavaScript Promises
- 8 привычек, которых следует избегать при разработке на Javascript
- Итераторы и генераторы вJavaScript: асинхронные итераторы
- Как Accelerate the JavaScript Spread Operator
-
React
- 14 советов по написанию чистого React-кода. Часть 1
- 14 советов по написанию чистого React-кода. Часть 2
- Все доклады с React Rally 2019
- Документация и предосмотр ReactJS компонентов с JSDoc
- Добавление индикатора загрузки и уведомлений в ваше React приложение
- Миграция с JavaScript на TypeScript на реальном React проекте
- React Microfrontends и Monorepos: идеальное соответствие
- Почему React делает это?
- Model-Based тестирование в React с помощью конечных автоматов
-
Vue
- Как работать с DOM во Vue
- Ленивая загрузка отдельных компонентов Vue и prefetching
- Динамические SVG маркеры для Google Maps во Vue.js
- Как использовать переменные среды во Vue.js
- Как использовать Google Maps в приложениях на Vue.js
- Передача данных во Vue.js – как это работает?
- Hooks во Vue.js версии 3.0
- Функциональные компоненты Vue.js: что, почему и когда?
- Vue PWA: пример прогрессивного веб-приложения с Nuxt
- Опыт использования Vue.js в «Едадиле»: как применяют и почему не выбрали React
-
Angular
-
Ember
-
Libs & Plugins
- Создание живых аватарок (типа Animoji) с помощью face-api.js
- hashids.js - Небольшая JS библиотека для генерации YouTube-подобных идентификаторов из чисел.
- O-GL - минималистичный WebGL фреймворк
- Рассказ о том, как популярная JavaScript-библиотека начала выводить в терминал рекламу
- spacetime: утилита для работы с часовыми зонами
Браузеры
- Релиз Firefox 69
- Mozilla не станет переносить все ограничения API WebExtensions из нового манифеста Chrome
- Mozilla начала блокировать cookie-файлы для отслеживания действий пользователей в браузере Firefox
- Mozilla уверяет, что обновления WebExtensions API не повредят работе блокировщиков в Firefox
- Обновление Firefox снизит энергопотребление macOS-устройств в три раза
- Вышел новый Яндекс.Браузер: музыка, уведомления, поиск по странице
- Объединение рекламных компаний предложило альтернативу cookies на фоне запрета Mozilla на отслеживание пользователей