Фронтенд-дайджест №467 (10 - 16 травня 2021)
Медіа
- Відеокасти «Front-end. Питання на співбесіді» #2
- Подкаст «Да как так-то?». Випуск № 4: з філолога-японіста у фронтенд на фрілансі
- Чи потрібен джуну ідеальний код: інтерв'ю з Вадимом Макеєвим
- Подкаст "Веб-стандарти" №281. SpiderMonkey 25 років, Safari TP, Bootstrap 5, Гітхаб, префікси, монорепи і свій git в Яндексі
- Подкаст "фронтенда Юність" #186: Прасувати веб. В гостях творець і головний редактор Smashing Magazine Віталій Фрідман.
Веб-розробка
-
Перехід до «Meta GSAP»: пошуки «ідеальної» нескінченної прокрутки
-
Продуктивність
-
Доступність
- Версія для людей з вадами зору? А можна не треба? [Розшифровка доповіді]
- Робимо відключені кнопки більш інклюзивними
- Доступний toggle
- 7 поширених запитань про доступність по апеляційному рішенню Winn-Dixie ADA (2021)
- Logical Content Flow - Онлайн-інструмент для виявлення проблем з Logical Content Flow для елементів заголовків
CSS
- Next Gen CSS: @container
- Введення в CSS Container Queries
- Дизайн для читання: поради щодо оптимізації контенту для режимів читання і "додатків-читалок"
- Просунута CSS-анімація з використанням cubic-bezier()
- Вінець еволюції CSS-in-JS вже тут: повністю типізовані стилі без рантайм в vanilla-extract
- Виявлення пристроїв із сенсорними екранами на чистому CSS
- «Батьківський селектор»: has () - в реальність!
- Художнє оформлення на рівні компонентів за допомогою CSS Container Queries
- aspect-ratio і grid
- CSS - строго типізований мову програмування
- Порівняння продуктивності CSS і CSS-in-JS в реальному світі
- Створення Stylesheet Feature Flags за допомогою Sass !Default
- Плавне прокручування Sticky ScrollSpy Navigation з фіксованим фоном на CSS
- Погляд на CSS Tailwind
- Support (Not) Unknown. Додавання перевірки Container Query в CSS за допомогою @support
- Інструменти для аудиту CSS
JavaScript
-
Дотримуємося принцип DRY для TypeScript коду за допомогою дженериків
-
Сучасний Javascript: все, що ви пропустили за останні 10 років (ECMAScript 2020)
-
Розповідь про те, чому в 2021 році краще вибирати TypeScript, а не JavaScript
-
Відстеження і візуалізація положення МКС за допомогою 30 рядків JavaScript-коду
-
Паттерни відкладеної ініціалізації властивостей об'єктів в JavaScript
-
React
- Як правильно реалізувати коллбеки Debounce і Throttle в React
- React, TypeScript і TDD
- Використання форм в React
- Створення системи дизайну React для застосування і масштабування
- Створення VR за допомогою React 360
- Мої основні React-бібліотеки на 2021 рік
- Що таке React Hooks і які проблеми вони вирішують
- Всеосяжне керівництво по React Virtual DOM
-
Vue
-
Angular
- Додаткові поліпшення бандлера, Angular 12, розподілене виконання завдань і багато іншого в Nx 12.3
- Спрощуємо роботу з Angular за допомогою @ taiga-ui / cdk: 5 наших кращих практик
- RxJS і Angular: декларативний If / Else
- Angular Forms: каталог шаблонів реактивного проектування
- Як працює впровадження залежностей в Angular
-
Ember
-
Svelte