Фронтенд-дайджест №419 (8 - 14 июня 2020)
Медиа
- Видеоблог Вадима Макеева, выпуск №25. Свежий взгляд на Gulp: функции и ES-модули
- Подкаст "Pro Conf" #66: Я 💛 Фронтенд - Все про картиночки | Фронтенд как у сына маминой подруги | ApolloClient 3
- Подкаст CSSSR: Microfrontends, Vue 3 development, any и unknown в TypeScript, почему CSS такой, Vue и тесты
Веб-разработка
-
Представление MDN Web Docs - путь обучения для фронтенд разработчиков
-
Новые возможности Node.js 14 - AI, IoT, Assembly и многое другое
-
Инструменты
-
Доступность
-
Эффекты
- Airplanes. Клевая демонстрация скролл-анимации с помощью ScrollTrigger, нового плагина от GreenSock
- Как создать эффект движения фоновой сетки изображений при наведении
- Визуализация списка женщин-лауреатов Нобелевской премии в виде кристаллов в 3d с использованием Vue, WebGL, three.js
- TitleRun — игра, которая существует только в строке заголовка вкладки браузера
CSS
- Как использовать grid-template-area CSS Grid для изменения порядка элементов html в зависимости от размера вьюпорта
- Изучение Z-Index, используя инструмент визуализации
- CSS: is () и: where () приходят в браузеры
- Клевые маленькие хитрости CSS Grid для вашего блога
- Как обратить порядок пользовательские счетчиков в CSS
- Grid для разметки, Flexbox для компонентов
- Эффект складывания журнала на CSS
- Удивительные вещи, которые CSS может анимировать
- CSS Houdini
- Цвета в CSS
- CSS Viewport Units: Быстрый старт
JavaScript
-
Как получить все пользовательские свойства на странице в JavaScript
-
Список из 156 (продвинутых) вопросов о JavaScript, а также ответы на них
-
Теория
-
React
- Уязвимости безопасности в React, которые вы никогда не должны игнорировать
- Компоненты высшего порядка в React
- Recoil.js - новая, лучшая библиотека управления состоянием для React
- Создания генератор случайных цитат на React
- Оптимизация производительности React: часть I
- Оптимизация производительности React: часть II
- Как настроить Redux с React (2020)
- Что такое Storybook и как его использовать для создания библиотеки компонентов в React?
- Практическое руководство по интеграции Google Maps в React
- useSWR – моя новая любимая библиотека React
- Как создать ecommerce сайт с помощью React
- 5 альтернатив React Redux в 2020 году
-
Vue
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins
Браузеры
- Microsoft Edge Canary и Dev теперь позволяют использовать кастомное фоновое изображение для страницы новой вкладки
- В браузере Brave выявлена подстановка реферального кода при открытии некоторых сайтов
- В сборках Google Chrome Canary уже можно активировать функцию Live Caption для преобразования речи в текст
Попередній випуск
