Фронтенд-дайджест №425 (20 - 26 июля 2020)
Медиа
- Подкаст "Фронтенд Юность (18+)" №147: Jenkins забирает код у Медиазоны
- Подкаст CSSSR: Chrome 84, Safari 14 Beta, Ember Roadmap 2020, Yandex UI Kit, Open Prioritization, Oracle Update
- Подкаст "Сделайте мне красиво", Выпуск №38: Кортежи в js, преоптимизация useCallbacks и яма с SPA
- Подкаст "Веб-стандарты" №240: MoscowJS, бета Chrome 85, TypeScript в Svelte, типизация и сбросы в CSS, что такое Numl
Веб-разработка
-
Полноценный HTML с помощью SVG foreignObject в GitHub README
-
Введение в Jamstack: создание безопасных, высокопроизводительных сайтов
-
5 стратегий Service Worker кэширования для вашего следующего PWA приложения
-
Правосторонний интерфейс: адаптируем контролы к right-to-left языкам
-
Доступность
CSS
- @property: наделяем суперспособностями CSS переменные
- Современные методы CSS для улучшения читабельности
- keyframes.app - визуальный онлайн инструмент, облегчающий создание CSS для анимаций
- Объяснение ключевых слов initial, inherit, unset и revert в CSS
- Использование Flexbox с text ellipsis
- Анимированное подчеркивание на CSS
- Понимание CSS Multiple Backgrounds
- Современные решения старых CSS-задач (3 часть): Масштабирование изображений на CSS
- Нативный способ покрасить SVG-иконки
- О конфликтах Sass и сравнительно новых возможностей CSS
- Современные решения старых CSS-задач (1 часть): Удержание футера внизу страницы
- Когда вы используете inline-block?
- Онлайн-генератор изображений трехмерных книг на CSS
- css-media-vars - Новый способ написания адаптивного CSS. Именованные точки останова, DRY селекторы, без скриптов, без сборок, ванильный CSS.
- За пределами размеров экрана: отзывчивый дизайн в 2020 году
- Реалистичные капли на CSS
- Современные решения старых CSS-задач (2 часть): Элементы одинаковой высоты: Flexbox vs Grid
JavaScript
-
Теория
-
React
- Debouncing с помощью React Hooks: хук для функций
- Давайте поговорим о SVG и его асинхронной загрузке в React
- Как реализовать React-миграцию и повысить производительность в 3 раза?
- Как использовать Styled-Components в React
- Юнит тестирование в React - Что нужно знать
- Подробно о React Router. Часть 3— редиректы, передача props компоненту роута и вложенные роуты +бонус
- Тестирование в React, часть 2: библиотека React Testing
- 4 популярных способа стилизации ваших React компонентов
-
Vue
- Создание десктоп приложений с помощью Electron и Vue
- Как я использую Vue Slots на моем сайте
- Vue 3.0 вступил в стадию релиз-кандидата!
- Вам возможно не нужен Vuex с Vue 3
- Как создать доступное фронтенд приложение с помощью Chakra UI и Nuxt.js
- Code Coverage для приложений на Vue
- Шрифтовая иконочная система с SVG иконками для Vue
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins
Попередній випуск
