Медиа|Веб-разработка|CSS|JavaScript|Браузеры
Медиа
Видеоблог
Вадима Макеева, выпуск 25. Свежий взгляд на Gulp: функции и
ES-модулиПодкаст
Pro Conf #66: Я Фронтенд Все про картиночки | Фронтенд как у сына
маминой подруги | ApolloClient 3Подкаст CSSSR: Microfrontends, Vue 3 development,
any и unknown в TypeScript, почему CSS такой, Vue и тесты
Веб-разработка
Что должен уметь верстальщик, чтобы его все хотелиСоздание прототипа SPA интернет магазина на htmlix.js
Анонсирован новый раздел в MDN Web Docs путь
обучения для фронтенд разработчиковНовые возможности Node.js 14 AI, IoT, Assembly и
многое другоеДостижение баланса между нативными и кастомными
селектамиПоддержка темного режима на вашем сайте5 мифов о JamstackСоздание прогрессивного веб-приложения и его
развертывание-
Инструменты
(Очень простое) Руководство для начинающих по WEBPACKcdn: a live, bundlerless, alternativestarred_search поиск по ключевым словам в
отмеченных GitHub-репозиториях
-
ДоступностьОптимизация навигации с помощью клавиатуры с
помощью tabindex и ARIAУстаревшие приложения и
Accessibility
-
ЭффектыAirplanes. Клевая демонстрация скролл-анимации с
помощью ScrollTrigger, нового плагина от GreenSockКак создать эффект движения фоновой сетки
изображений при наведенииВизуализация списка женщин-лауреатов Нобелевской премии в виде
кристаллов в 3d с использованием Vue, WebGL, three.jsTitleRun игра, которая существует только в строке
заголовка вкладки браузера
CSS
Цвета в CSSКак использовать grid-template-area CSS Grid для
изменения порядка элементов html в зависимости от размера
вьюпортаИзучение Z-Index, используя инструмент
визуализацииCSS: is () и: where () приходят в
браузерыКлевые маленькие хитрости CSS Grid для вашего
блогаКак обратить порядок пользовательские счетчиков в
CSSGrid для разметки, Flexbox для
компонентовЭффект складывания журнала на CSSУдивительные вещи, которые CSS может
анимироватьCSS HoudiniCSS Viewport Units: Быстрый стартJavaScript
Очень странные дела: JavaScriptМинифицируем приватные поля в TypeScript. Доклад Яндекса10 полезных приёмов для JavaScript-программистовJS/ES2020: Optional Chaining and Nullish Coalescing
Event listeners and garbage collectionКак получить все пользовательские свойства на
странице в JavaScriptСписок из 156 (продвинутых) вопросов о
JavaScript, а также ответы на нихПонимание ES-модулей в JavaScriptКак сравнивать объекты в JavaScript-
ReactuseSWR моя новая любимая библиотека ReactУязвимости безопасности в React, которые вы
никогда не должны игнорироватьКомпоненты высшего порядка в ReactRecoil.js новая, лучшая библиотека управления
состоянием для ReactСоздания генератор случайных цитат на
React
Оптимизация производительности React: часть
I , часть IIКак настроить Redux с React (2020)Что такое Storybook и как его использовать для
создания библиотеки компонентов в React?Практическое руководство по интеграции Google
Maps в ReactКак создать ecommerce сайт с помощью
React5 альтернатив React Redux в 2020
году
-
VueРабота с данными на границе Vue.js-приложения
EVAN YOU: Создание Vue 3Почему я бросил Vue ради React?Создание Instagram с использованием TypeScript,
Node, Express и Vue Часть 1Awesome Vue 3 курируемая подборка ресурсов,
посвященных Vue 3Изучение Vue-Multiselect
-
AngularАвтоматические адаптивные изображения в
приложениях Angular10+ лучших статей для изучения Angular в 2020
годуПре-рендеринг в Angular 9
-
Libs & Pluginsjsgrids подборка JavaScript библиотек для работы
с таблицами данныхJosh.js JS библиотека для анимации содержимого
при прокрутке страницы.johnny-five JavaScript фреймворк для
робототехники и IoT
Браузеры
Microsoft Edge Canary и Dev теперь позволяют использовать кастомное фоновое изображение для страницы новой вкладки
В браузере Brave выявлена подстановка реферального кода при открытии некоторых сайтов
В сборках Google Chrome Canary уже можно активировать функцию Live Caption для преобразования речи в текст
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
