Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• 
Подкаст «CSSSR» Новости 512 — Выпуск №22 (17.09 — 23.09)
• 
Подкаст Weekly Vue #5
• 
Подкаст «Пятиминутка React» #48 Есть две книги: Величие Vue.js 2 (The Majesty of Vue.js 2) и Путь к изучению React (The Road to learn React) — какую сам прочитаешь, а какую другу посоветуешь?
• 
«Девшахта — подкаст»: #51: 12-факторные приложения
• 
Подкаст «Фронтенд Юность (18+)» #64: 33 лайфхака для повышения продуктивности
• 
Presentable Podcast #51: Устная история веб-стандартов с Джефри Зельдманом
Веб-разработка
• Архитектура веба: основы для начинающих разработчиков
• Google массово переводит сайты на mobile-first индексацию, однако полный переход на mobile-first индексацию может занять годы
• Google предложил новую модель управления для проекта AMP
• 
Представление Bing AMP viewer и Bing AMP cache
• 
Что определяет хорошего фронтенд-девелопера?
- Производительность:
•
Idle Until Urgent. Подробно о новой технике повышения производительности и FID в частности в статье Филиппа Уолтона
•
Фреймворк для веб-производительности. Джереми Кейт сделал диаграмму производительности, чтобы помочь выяснить, как приоритезировать работу с фронтендом
•
Большая подборка ресурсов, посвященных веб-производительности
- Tools:
•
Улучшаем навыки отладки с помощью Chrome DevTools (часть 2)
•
Sublime merge — встречайте новый клиент Git от создателей Sublime Text
•
Yarn Plug'n'Play: избавление от node_modules, Аналогичный концепт от npm под названием tink
- Accessibility:
•
Как вынести урок из ошибок доступности на сайте Apple
•
Много шума вокруг ARIA
•
Отладка доступности с помощью Chrome DevTools
- Анимация:
•
Объемный город, построенный из эмоджи «на чистом CSS»
•
Забавная йети-пагинация
•
Световой луч из цветных частиц
CSS
• CSS Grid — швейцарский армейский нож для макетов сайтов и приложений
• Химия CSS-гридов
• 
Refresh CSS Bookmarklet v2. Обновленный классический букмарклет Пола Айриша руками Лия Веру
• 
Flexbox: насколько велики размеры элементов в Flex контейнере?
• 
Наглядная демонстрация работы свойства transform-origin
• 
Развлекаемся с эффектами наведения для ссылок
• 
Что такое Модульный CSS?
JavaScript
• 
Портирование JS на Эльбрус
• Новые релизы: Вышел Electron 3.0, фреймворк для создания нативных JS-приложений, Next.js 7, Gatsby 2.0.0,
• 
Меньше кода, больше приложений: как Vulcan.js делает из меня эффективного разработчика
• 
5 советов по лучшему написанию условных выражений в JavaScript
• 
Bundlephobia — Хочется сохранять размеры JavaScript бандлов маленькими? С помощью Bundlephobia.com можно проверить размер зависимостей до добавления их в проект
• 
О создании игры для конкурса js13K «Underrun»
• 
Как на JS создать интерактивный инструмент для построения Flex раскладок
- Media:
•
Подкаст Script & Style Show: Episode 21: Третьесторонний JavaScript и веб-производительность с Charlie Vazac
•
React Podcast №21: Delete Your Components with Kent C. Dodds
•
React Alicante 2018, 22 videos
VueJS:
•
Как организовать ваши зависимости во Vue-приложении
•
Nuxt.js 2.0: Webpack 4, ESM Modules, create-nuxt-app и многое другое!
•
Vue.js + GSAP = Анимации
•
Использование Scoped Slots в Vue.js для абстрактных функций
•
5 наиболее запрашиваемых функций для Vue.js в 2018 году
•
7 уроков по архитектуре фронтенда от Nuxt.js
React:
•
React и SEO: как их подружить?
• Почему не стоит использовать компоненты высшего порядка в Реакте
•
Enterprise React в 2018–2019
•
Автостопом по галактике React Router v4: [match, location, history] — ваши лучшие друзья!
•
Почему React16 — это благословение для разработчиков на React
•
Как начать работать с React Context API
•
Создание компонента в стиле React на ванильном javascript.
•
Иммутабельность в React и Redux: полное руководство
•
Использование Font Awesome 5 в React
•
react-flip-toolkit — библиотека, облегчающая FLIP анимацию в React
•
Делаем Autocomplete-виджет с помощью React и Elastic Search
Angular:
•
Упрощаем работу доступность с помощью Angular CDK
•
Создание PWA с помощью Angular 6
•
Повышаем уровень владения NgRx
•
Три столпа Angular Router — Router States и URL Matching
Браузеры
• Mozilla представила финальную версию браузера Firefox Reality для очков и шлемов виртуальной реальности
• Microsoft уже отключила функцию Windows 10, отговаривающую пользователей от установки других браузеров вместо Edge
• 
Перехват и модификация запросов в Chrome с помощью Devtools Protocol
Занимательное
• Google: мы полностью индексируем и ранжируем контент во вкладках
• Путь единорога: как GitLab шел к оценке в $1 млрд
• Google провалил клонирование Twitch и позвал редких геймеров смотреть YouTube
• В MIT создали нейросеть, распознающую объекты по голосовому описанию
• «ВКонтакте» запустила платформу подкастов
• Почему YouTube Gaming проиграл конкуренцию Twitch
• Работа над ошибками: Как я живу с дислексией
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
