Фронтенд-дайджест №493 (8- 14 листопада 2021)
Медіа
- «Новини 512» від CSSSR: Angular 13, Firefox 94, реактивність, лекції ШРІ Яндекса 2021, ReactConf 2021, розвиток Svelte
- Подкаст "ProConf" #112: SmashingConf - Віталій Фрідман
- Подкаст "Goose&Duck" #9 – Попався, злодюжка! з Андрієм Ситником
- Підкаст "Веб-стандарти" №307. Firefox 94, Chrome Dev Summit, Web.Dev, Next.js, Yarn, TypeScript, верстка чату, зламування пакета
- Підкаст "Фронтенд Юність" #212: Бобук вкотре пересмикнув
Веб-розробка
-
AMP безповоротно підірвала довіру видавців до ініціатив Google
-
Використання веб-воркерів для підвищення продуктивності сторонніх скриптів
-
Інструменти
-
Доступність
-
Ефекти
CSS
- Анімація height: auto
- Функції порівняння у CSS: min(), max() та clamp()
- Зоряний рейтинг: рішення з використанням SVG
- Швидкі та брудні перевизначення в Bootstrap нальоту
- Ефект каламутного скла у CSS
- Створення компонента Sidenav
- CSS Loaders & Spinners
- Розробка цих компонентів: блок повідомлення Facebook Messenger
- Ефект матового скла у CSS
- Як виправити проблеми з фоновою прокруткою в CSS
JavaScript
-
JavaScript Sanitizer API: сучасний спосіб безпечного маніпулювання DOM
-
Web-фреймворк Pusa, що переносить логіку JavaScript-фронтенду на сторону сервера
-
Застосування невидимих unicode-символів для приховання дій у JavaScript-коді
-
Створення легкої та продуктивної каруселі з використанням ванільного JavaScript
-
Теорія
-
React
- Проста реалізація темного режиму (і багатобарвних тем) У React
- React Suspense: уроки, отримані під час завантаження даних
- Створення енциклопедії за допомогою React та Wikipedia Search API
- Огляд рішень для управління станом у React та NextJS
- Як зробити гру 2048 на React
- Next.js: докладний посібник. Ітерація перша
- Навчальний посібник з React Router 6
- Кращі практики для іфреймів у React
-
Vue
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins
- Splide - легкий, гнучкий та доступний слайдер/карусель, написаний на TypeScript. Жодних залежностей, жодних проблем з Lighthouse.
- hashids.js - Невелика бібліотека JavaScript для генерації числових id у стилі YouTube
- MiniMasonry.js - Мінімалістична бібліотека без залежностей для створення masonry-структури
Попередній випуск
