Фронтенд-дайджест №366 (20 — 26 мая 2019)

Медиа

• Подкаст «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 - 5-килобайтная утилита 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