Фронтенд-дайджест №461 (29 березня - 4 квітня 2021)
Медіа
- «Новини 512» від CSSSR: Next.js 10.1, Socket.io 4, квітневі security-релізи Node.js, анонс Deno Company, Sublime Text 4
- «Новини 512» від CSSSR: SvelteKit beta, Bootstrap 5 beta-3, локалізація MDN RU, прототип Container Query, атака на PHP
- Подкаст "Зробіть мені красиво" №59 - Чим програміст відрізняється від світлофора?
- Подкаст "фронтенда Юність" # 180: Конфетті-токени на самописному React
- Подкаст "Веб-стандарти" 275. Firefox 87, Container Queries, Compat 2021, SvelteKit, емоджі, лонгрід і дорога до доступності
- Хард скіли верстальника: інтерв'ю з Людмилою Мжачіх з PayDay, Mail.ru Group
- Подкаст «Да как-так то?». Пілотний випуск
Веб-розробка
-
Новини платформи: округлені Outlines, GPU-Accelerated SVG анімації, як визначаються CSS змінні
-
Ви можете створювати ці елементи, не використовуючи JavaScript
-
Як я проаналізував всі ліцензії на залежності NPM за один раз
-
Інструменти
-
Продуктивність
-
Доступність
-
Ефекти
CSS
- Круті трюки зі змінними CSS
- Адаптивний веб-дизайн для нового покоління розкладних пристроїв
- Container Queries вже на підході
- Темний режим за 5 хвилин, з інвертованими змінними яскравості
- Зустрічайте Utopia: проектування і розробка з використанням гумових розмірів і масштабуємих відступів
- Портрети у вигляді плями: розважаємося з функцією CSS path()
- Недосконала розробка: стилі CSS з перспективою на майбутнє
- Давайте створимо ефект спливаючого зображення за допомогою SVG Clip Path
- Створення чарівної 3D-кнопки
- Font size марний, давайте це виправимо
- Порада: стилізує псевдоелементи за допомогою Javascript, використовуючи кастомнi властивості CSS
- Інструменти для аудиту CSS
- Reseter.css - сучасний CSS Reset/Normalizer
- CSS Container Queries, або Адаптація по-новому: контейнер замість вьюпорт
JavaScript
-
Екосистема JavaScript: тренди в 2021 році. Чи все так однозначно?
-
Розумна квартира на JavaScript. Від світлодіода до розпізнавання особи в камері домофона
-
React
- Розробка додатків на React: призначений для користувача інтерфейс, стилі, управління станом, тестування
- Hyperapp - легкий 'вбивця React'?
- Керівництво по Jotai: мінімалістська бібліотека управління станом в React
- Як створити свій перший React Hook від початку до кінця
- Використання Font Awesome 5 з React
- Кращі бойлерплейти для React на 2021 рік
-
Vue
-
Angular
-
Svelte
-
Libs & Plugins