Дайджест свежих материалов из мира фронтенда за последнюю неделю №366 (20 — 26 мая 2019)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

---

Медиа

• Подкаст «CSSSR». Новости 512 – Vue 3, переход на Context API и React Hooks, и держись, Huawei
• Подкаст «Frontend Weekend» #91 – Евгений Кот о боли жизни тимлидов, пути становления GDE и суровом отборе на HolyJS
• Подкаст «Сделайте мне красиво!», Выпуск №18: в гостях Илья Якямсев — Scrum, выгорание и
• Подкаст «Фронтенд Юность (18+)» #94: Фронтенд умер и только молодость его спасёт
• «Repozitorro» #15 — Я не нашёл читаемый код
• KharkivCSS #4 2019, 7 видео

Веб-разработка

• Настоящее реактивное программирование в Svelte 3.0
• «Там надо знать и веб-стек, и C++»: интервью с Алексеем Козятинским о разработке Chrome DevTools и не только
• Фронтенд-документация, руководства по стилю и развитие MDX
• Сноски, которые работают в RSS читалках
• DevChecklist: совместное пространство для создания и хранения чеклистов, которые помогают обеспечить качество программного обеспечения
• Webpack от нуля до героя — часть 3: Все является модулем
• WebAssembly в eBay: реальный пример использования
• Статический веб — назад к корням?
• Измерение интерактивности с TTI: Time To Interactive

• Accessibility:
  • Инклюзивные компоненты: меню и кнопки меню
  • Доступные кнопки с иконками. Подробная статья от Sara Soueidan c примерами
  • Контекстная разметка доступных изображений и SVG
  • Внешние ссылки, новые вкладки и Accessibility
  

CSS

• Гибкие таблицы на CSS Grid
• Визуальное выделение текста с помощью HTML тега mark
• Что нового в Tailwind CSS v1
• benefit — небольшая CSS-утилита, совместимая с TailwindCSS
• font-display не совместим с иконочными шрифтами
• Текущее состояние резиновой типографики
• Код как документация: новые стратегии с помощью CSS Grid
• 10 советов по CSS, которые я освоил при использовании Sass
• Визуальный онлайн-редактор Flex Layout
• Проблема внутренних отступов контейнера
• CSS так может?

JavaScript

• JavaScript — лучший язык программирования для начинающих
• Выведение Action type с помощью Typescript
• Node.js для начинающих: основы работы с файлами
• Как подключить скрипт на сторонний сайт
• Исчезающие фреймворки
• Злоупотребление jQuery для атак по сторонним каналам с помощью CSS
• Ленивая загрузка изображений с использованием Intersection Observer API
• Создание Grid-to-Fullscreen анимации с Three.js

• Теория:
  • JavaScript-движки: как они работают? От стека вызовов до промисов — (почти) всё, что вам нужно знать
  • Пишем чистый и масштабируемый JavaScript-код: 12 советов
  • FunES#10: Странный массив
  • Путешествие по JavaScript: от загрузки скриптов до исполнения — часть II
  • Функциональный JavaScript: как использовать array reduce для чего-то кроме чисел
  

• React:
  • Берем под контроль производительность React
  • Релиз Material-UI v4
  • Использование WebAssembly с React
  • Почему вы должны рендерить React на стороне сервера
  • Начало работы с react-testing-library
  • Мой опыт перехода от Enzyme к react-testing-library
  • Доступное руководство по useReducer
  

• VueJS:
  • Начало работы с Vue — обзор и учебное руководство
  • Vue.js и SEO: как оптимизировать реактивные сайты для поисковых систем и ботов
  • 5 простых способов радикально улучшить скорость вашего VueJS-приложения
  

• Angular:
  • Angular 8 RC.5 – кандидат в релиз запущен с новыми функциями и критическими изменениями
  • Исследование хуков жизненного цикла Angular – OnInit
  • Создайте прогрессивное веб-приложение с Angular
  

• Libs & Plugins:
  • await-timeout: API на базе промисов для setTimeout / clearTimeout
  • v8n: ультимативная библиотека для валидации
  • Tornis — библиотека, следящая за состоянием видимой области браузера, позволяющая реагировать на её изменения
  • is-incognito-mode: функция для определения нахождения браузера в режиме инкогнито
  

Браузеры

• Firefox 67, технические подробности релиза от Марата Таналина
• В Firefox 69 по умолчанию будет прекращена обработка userContent.css и userChrome.css
• Больше года мобильные Chrome, Safari и Firefox не предупреждали пользователей о фишинге
• Opera анонсировала первый геймерский браузер
• Представляем первые предварительные сборки Microsoft Edge для macOS
• Firefox обеспечивает плавное воспроизведение видео с помощью самого быстрого в мире декодера AV1

Занимательное

• Справочная: конфликт США и Huawei — хронология и причины
• GitHub Sponsors: новый способ внести свой вклад в open source
• Sketch 55, обновление Adobe XD, шаблоны для рисования диаграмм в Figma и другие новые инструменты дизайна интерфейсов
• IT-рынок в цифрах: статистика и прогнозы развития
• Он нас понимает? Как компьютер учит языки людей
• Человек, купивший первую пиццу за биткоины: не только мем, но и пионер майнинга
• За этот сайт нам заплатили более 5 млн рублей, и вот почему
• Краткий справочник анонима. Виды шифрования и защиты трафика, выбор софта


Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.