Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• 
Подкаст «Веб-стандарты», 177. Новости браузеров, font-display, иконочные шрифты, формы, доступность
• 
Подкаст «devschacht» #81: HolyJS Piter 2019
• 
«Repozitorro» #16 — От jQuery до React 1 шаг?
• 
РИТ++ 2019, cамые лучшие доклады всех семи конференций фестиваля: день первый, день второй
Веб-разработка
• 
Статический веб: возврат к истокам?
• 
Как eBay делал сканер штрих-кодов на WebAssembly
• W3C и WHATWG: неужели долгожданный мир?
• 
Начало работы с GraphQL: это довольно просто!
• 
How !important are we? Christian Heilmann (Microsoft) рассуждает о роли фронтенда в современной разработке
- Производительность:
•
Анонс Cloudflare Image Resizing: упрощение оптимальной доставки изображений
•
Lighthouse плагин, который помогает измерять значение производительности у реальных пользователей, а не в эмулированной среде.
•
Ваш первый бюджет производительности с Lighthouse
•
Self-Host для ваших статических ассетов
- Tools:
•
10 полезных советов по реализации Pixel Perfect дизайна во Front-end разработке (на примере работы с редактором Sketch)
•
Entropic — новый распределенный реестр пакетов для Node.js
•
Удалённая разработка в VS Code: ваша жизнь никогда не будет прежней
•
Что нового в DevTools (Chrome 76)
- Accessibility:
•
Разница между навигацией с клавиатурой и при помощи скринридера
•
Инструменты измерения доступности цветового контраста
•
Исправьте 85% проблем с веб-доступностью с помощью 5 простых шагов
•
Tabindex: использование редко бывает положительным
CSS
• 
CSS Subgrid новости
• Вертикальное и горизонтальное центрирование всего и вся в CSS Flexbox
• 
Utility-first CSS:: невероятно быстрая разработка интерфейса практически для любого дизайна
• 
Использование метода Grid Shepherd для упорядочивания данных с помощью CSS
• 
Понимание CSS-переменных
• 
Многострочное подчеркивание текста с закругленными краями
• 
xstyled — Новый способ стилизации компонентов
• 
Почему мы предпочитаем кастомные свойства CSS вместо переменных SASS
• 
Свойство CSS background-image как анти-паттерн
JavaScript
• 
API IntersectionObserver и ленивая загрузка изображений
• 
Разрабатываем игру на Svelte 3
• SEO тест: индексация JavaScript-сайтов
• 9 вопросов для получения должности JavaScript-разработчик
• 
Анонс TypeScript 3.5
• 
Почему я до сих пор использую jQuery в 2019 году
• 
Самый быстрый способ рендера DOM
- Теория:
•
5 способов преобразовать значение в строку в JavaScript
•
Функциональный JavaScript: пять способов вычисления среднего значения с array reduce
•
Реализация приватных переменных в JavaScript
React:
•
Управление стейтом с помощью React Hooks – без Redux и Context API
•
Запрос к API c React Hooks, HOC или Render Prop
•
Uibook — инструмент для визуального тестирования React-компонентов с медиа-запросами
•
Как Fiber сделал React значительно быстрее
•
React 16 + Three.js, советы по интеграции (2019)
•
Typing React (1) – Основы
•
zoom-level — плагин, который позволяет определить уровень масштабирования как страницыбраузера, так и отдельного элемента.
•
Возвращаем null из setState в React 16
Angular:
•
Готовьтесь: Angular 8 уже близко
•
Двустороннее связывание Angular, чуть больше понимания
•
Версия 8 Angular — меньшие бандлы, CLI API и согласование с экосистемой
•
Angular & RxJS: обнаружение утечек памяти
•
Изучение порталов Angular CDK
- Ember.js:
•
Ember.js: The Documentary (Русская версия)
•
Релиз Ember 3.10
•
EmberData — превращаем разочарование в праздник
•
Динамические компоненты в Ember
VueJS:
• Vue.js и SEO: как оптимизировать реактивные сайты для поисковых систем и ботов
•
Как создать расширение для Chrome с помощью Vue
•
Vue.js встречается с bootstrap: представлен новый проект Vootstrap
•
Классы компонентов во Vue отклонены
•
tiptap: расширяемый редактор форматированного текста для Vue.js
- Libs & Plugins:
• Представлен Zdog 1.0, псевдо-3D движок для Web, использующий Canvas и SVG
•
atomico — Небольшая библиотека для создания интерфейсов на основе веб-компонентов, только с использованием функций и хуков.
•
Scene.js — анимационная библиотека на JavaScript & CSS на основе временной шкалы
•
pickr: простая и расширяемая библиотека для добавления пипетки с выбором цвета, без jQuery зависимости
Браузеры
• Как включить тёмную тему в Chrome на Android
• Google продолжает настаивать на ограничении API, востребованного в блокировщиках рекламы
• Волна вредоносных дополнений в каталоге Firefox, прикрывающихся Adobe Flash
• Представлен менеджер паролей Firefox Lockwise
• Tor Browser — первая стабильная версия анонимного браузера для Android
• В Google Chrome теперь можно переопределять геолокацию для тестирования сайтов
• 
Google заставляет пользователей Microsoft Edge Preview использовать Chrome для полноценной работы YouTube
• 
До Netscape: забытые веб-браузеры начала 1990-х
Занимательное
• С июля Google будет индексировать новые сайты по мобильным версиям
• Все, что Google отслеживает о вас — и как это остановить
• Microsoft делает преобразование текста в речь более доступным и вместе с Alphabet X открывает обучающие курсы по квантовым вычислениям
• Взвесить слона без весов: Рид Хоффман о собеседованиях в Кремниевой долине и важности обучения
• Прогнозы экспертов: лучшие и худшие варианты развития событий в конфликте Huawei и США
• Microsoft описала видение будущего Windows: «невидимые» фоновые обновления, облачные приложения и поддержка 5G
• Большая чистка: из стандартной библиотеки Python удалят множество модулей
• 
Новости WP: Запуск Gutenberg Block Kit на Glitch
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
