Фронтенд-дайджест №433 (14 - 20 сентября 2020)

Медиа

• Видеоблог Вадима Макеева №34. Type.Today, base64, шрифты и сабсеттинг
• UnderJS Podcast #26 - Балдежный выпуск (React 18, GraphQL, RN 0.63)
• Фронтенд Юность (18+) #155: TypeScript за лимон
• Подкаст "Сделайте мне красиво", Выпуск №44: Не переживайте, это безопасно
• Подкаст "Веб-стандарты" 247. Edge, браузеры, AVIF, генераторы статики, математика для фронтендера, Хабр, чтение, переводы
• Подкаст CSSSR: Security-релизы NodeJS, Ruby 3, разбор AVIF, JIT-компилятор Erlang, Web Skills, Laravel 8

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

• Факторы ранжирования Google, которые повлияют на поиск в 2021 году: Core Web Vitals, E-A-T или AMP?

• Web Cryptography API: пример использования

• Инструменты

  • PostCSS 8.0 “President Ose”: новый plugin API, уменьшение размера node_modules, улучшенная поддержка source map и улучшения парсера CSS.
  • PostCSS 8.0: Руководство по миграции плагина
  • Представляем Source Order Viewer в Microsoft Edge DevTools
  • BGJar - Бесплатный генератор svg-фонов для ваших сайтов
  • Скрытые возможности Chrome DevTools

• Производительность

  • Перфоманс фронтенда как современное искусство: графики, код, кулстори
  • Обеспечение бюджета производительности с помощью webpack
  • Моментальная загрузка с instant.page

• Доступность

  • HTML и CSS ошибки, которые я встречаю как человек без ограничений по здоровью
  • Делаем модальные окна для сайта. Заботимся об удобстве и доступности
  • 5 самых неприятных фич для слепого человека на сайтах

• Эффекты

  • Подборка креативных сайтов "Inspirational Websites Roundup #18"

CSS

• Центрирование в CSS
• Как использовать маски в CSS
• Как использовать CSS clipping
• Изучение CSS 3D Transforms и Perspective
• Введение в CSS-анимацию
• Min, Max и Clamp

JavaScript

• Drag and Drop с помощью линейной интерполяции в JavaScript

• Работаем с медиа-запросами через JavaScript

• Картинка, которая одновременно является кодом на Javascript

• Практическое реактивное программирование с помощью RxJS

• Шпаргалка HTML5 Node: 21 API, которые вы должны знать в 2020 году

• Как мы написали самый быстрый JavaScript UI Framework, опять

• Теория

  • Как использовать Fetch с async / await
  • Освоение JavaScript ES6 Symbols
  • JavaScript: область видимости простыми словами
  • JavaScript и TypeScript: 11 компактных конструкций, о которых стоит знать
  • Секреты JavaScript-функций

• React

  • Прогрессивное улучшение с помощью WebGL и React
  • React Query - недооцененный инструмент управления состоянием
  • Лучшие практики React Components и методы оптимизации производительности
  • Создание сложных анимаций с помощью React и Framer Motion
  • Введение в Wouter: альтернативу React Router
  • Интегрируем React приложение в Microsoft Office
  • Сравнение методов стилизации в Next.js
  • Почему Next.js - мой лучший выбор вместо Gatsby, Gridsome и Nuxt?
  • 6 причин использовать React Hooks вместо классов
  • React 17: Ничего нового?

• Vue

  • Официальный релиз Vue.js 3.0 "One Piece
  • Eleventy и Vue - идеальная пара для Netlify.com
  • Vue 3 наконец вышел в релиз
  • Nuxt: Offline First PWA Tutorial
  • Vue.js Global Live Online 2020
  • Vue Flow Form - генератор форм с открытым исходным кодом, созданный на Vue.js
  • Погружение в Virtual DOM
  • Советы по оптимизации Nuxt SSR

• Angular

  • Работа с GraphQL в Angular: мутация и аутентификация
  • Пишите лучшие автоматизированные тесты с Cypress в Angular
  • Тестирование Angular route guards с помощью RouterTestingModule
  • 5 советов для прокачки своих навыков в Angular

• Ember

  • Создание надежных пользовательских интерфейсов на Ember.js с помощью Statecharts
  • Прогрессивное веб-приложение с использованием Ember

• Svelte

  • Svelte (love) TypeScript
  • Переиспользуемый компонент Svelte для лейаутов ваших страниц

• Libs & Plugins

  * [Прекращение разработки библиотеки Moment.js, имеющей 12 млн загрузок в неделю](https://www.opennet.ru/opennews/art.shtml?num=53722)
  

Браузеры

• Вышла новая версия браузера Safari 14 с улучшенной работой вкладок
• Уязвимость в Firefox для Android, позволяющая управлять браузером через общий Wi-Fi