Front-end Digest № 65: корисність :has, стаття про div і фронтенд-меми сьогодення

Привіт, колеги. Мене звати Олександр і я займаюся фронтендом в компанії Zfort Group. Маю для вас свіжий дайджест з цікавими матеріалами зі світу фронтенда за останній тиждень.

Веброзробка

Тестові завдання для фронтенд-розробників: приклади з українських компаній — витрачати 20 годин життя на тестові завдання чи обирати компанії з live-coding на співбесіді? Складні ці питання фруструють ©
Стаття про div — черговий епістолярний шедевр від Сергія Бабіча з не менш яскравою дискусією в коментарях.
Два способи створення перекладених повідомлень для HTML-форм
Створення одного і того ж застосунку з використанням різних вебфреймворків
JWT-аутентифікація: найкращі практики та коли її використовувати
Чому не рекомендується досягати рівня ААА за шкалою WCAG
Чому ChatGPT перейшов з Next.js на Remix: кілька теорій

Головний розробник і чат трохи пошуткували з цього приводу в X:

CSS

Незаперечна корисність CSS :has
Використання CSS селектора :has замість React коду

Приєднуючись до авторів попередніх двох статей хочу зазначити, що для мене :has став найбільш корисною фічею в CSS за останні пів року. На деяких проєктах вдалося позбутися ~30% JS коду коштом того, що if-логіку вдалося розрулити на рівні CSS.

Logical Properties в Size Queries
Captured Custom Properties
Дві властивості CSS для обрізання пробілів у текстових полях
Керування відеоанімацією за допомогою scroll-timeline та animation-timeline
11 «CSS-художників», роботи яких демонструють приховані можливості CSS

JavaScript

JavaScript Promises: глибоке занурення в механізми V8
Що таке гідратація
Створіть домен-специфічну мову на JavaScript за вихідні

Зустрічайте нову рубрику — фронтенд меми сьогодення

Чому сьогодення, запитаєте ви? Бо вже завтра вийде з десяток нових фронтенд-фреймворків і через тиждень тільки одиниці будуть пам’ятати мемний контекст:

Ну, і класика про технічні конференції

Підписуйтеся на Telegram-канал «DOU #tech», щоб не пропустити нові технічні статті

👍ПодобаєтьсяСподобалось6
До обраногоВ обраному3
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Підписатись на коментарі