Фронтенд-дайджест №486 (20 - 26 вересня 2021)
Медіа
- Онлайн-співбесіда джуніор верстальника
- Подкаст «Да как так-то?». Випуск № 8. релокація в Берлін: досвід фронтенд-розробника
- «Новини 512» від CSSSR: ES2022, Java SE 17, оптимізація JS-бандла, ArrayBuffer, gap, тіні, WebKit в інших браузерах на iOS
- Подкаст "фронтенда Юність" #204: Рефлексуючий Раунд Робін
- Подкаст "Веб-стандарти" №300. Ювілейний випуск у повному складі, фронтенд як хобі, як справи і які новини у ведучих
Веб-розробка
-
Попрощайтеся з рендерингом на стороні сервера. Prerender.io - SPA з урахуванням SEO
-
Використання монорепозиториїв - не так вже й погано (приклад з практики)
-
Адаптивний layout - як переверстати весь проект, не переверстуючи його
-
NFC в веб зробили: кому стане в нагоді такий підхід до технології
-
Доступність
-
Анімація
- Motion One - Нова бібліотека для анімації, заснована на Web Animations API для меншого розміру файлу і максимальної продуктивності
- Theatre.js - JS бібліотека для анімації з графічним інтерфейсом. Анімує DOM, WebGL і будь-яку іншу JS змінну
- Menu and Thumbnail Stack Animation
- 35 CSS і JS бібліотек для анімації
- За лаштунками: демонстрації карт на базі WebGL для Google I/O
CSS
- Прямо в head: новий сниппет для діагностики продуктивності CSS
- Запобігання небажаних зрушень макета, викликаних смугами прокрутки, за допомогою властивості CSS scrollbar-gutter
- Спрощення стилізації форм за допомогою accent-color
- Системи для z-index
- Вивчення CSS Paint API: Polygon Border
- CSS Container Queries: відносна довжина контейнера
- CSS-змінні в медіазапросах
- Генератор анімованого градиентного фону
- Розуміння min-content, max-content і fit-content в CSS
- Створіть індикатор завантаження на CSS з одним div
JavaScript
-
Порівняння методів додавання і вставки за допомогою JavaScript
-
Observer Pattern в JavaScript - ключ до реактивної поведінки
-
Проект elk розвиває компактний JavaScript-движок для мікроконтролерів
-
React
- React state з фрагментованим сховищем
- Ультимативний набір ReactJS ресурсів для веб-розробників в 2021
- Переробка великої e-commerce сайту за допомогою Next.js
- Аналіз читабельності React при реалізації користувальницьких хуків
- Скажіть привіт беті Gatsby 4
- React Hooks для нескінченної прокрутки: розширене керівництво
- Тред: 10 уроків, які я здобув після роботи з React state за останні 7 років..
- React + GSAP: ідеальне поєднання для створення веб-сайтів, за які дають нагороди
-
Vue
-
Angular
-
Ember
-
Libs & Plugins
Назад
