Front-end Digest № 72: Python обходить JavaScript, нагадування від jQuery 4 та masonry в CSS Grid

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

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

Веброзробка

• Нове на вебплатформі в жовтні
• Python витіснив JavaScript і став найпопулярнішою мовою програмування на GitHub
• Octoverse: ШІ виводить Python у лідери серед мов на тлі зростання кількості світових розробників
• Елементи <details> та <summary> отримують оновлення
• Кращі практики для tooltips
• Створіть сайт на Astro з Deno
• Розуміння npm-аудиту та виправлення вразливостей

• Продуктивність
  • Найефективніші способи покращити Core Web Vitals
  • Adobe: Короткий посібник з вебпродуктивності
  

• Ефекти
  • Інтерактивне 3D з Three.js BatchedMesh та WebGPURenderer
  • Як створити тонкий шейдерний фоновий ефект за допомогою React Three Fiber

CSS

• Результати дослідження «State of CSS 2024»
• Мій сучасний CSS Reset
• Чи повинна masonry бути частиною CSS grid
• Scroll-Driven... Sections
• Простий паралакс на чистому CSS при прокручуванні (адаптивний, доступний)
• Створення компонентів, що враховують вміст, за допомогою CSS :has(), сітки та quantity queries
• Текст від краю до краю
• Властивість CSS content-visibility тепер в Baseline-доступності
• Web-Slinger.css: як Wow.js, але з CSS-анімацією прокрутки
• Гелловін, (CSS) маски та логічні ворота

JavaScript

• Чому jQuery 4 — це гарне нагадування про те, що потрібно припинити використовувати jQuery
• У майбутньому використання top-level await може призвести до порушення зворотної сумісності у Node
• Генерація випадкових лабіринтів за допомогою JavaScript
• Як ми зменшили розмір Javascript monorepo git на 94%
• Як розробити власну авторизацію з JavaScript та TypeScript
• Освоєння мікрофронтендів: співіснування Vue 2 та Vue 3 у великих застосунках

• React
  • Валідація HTML-форм використовується вкрай недостатньо
  • Як створити випадаюче меню в React
  • Просунуті стратегії кешування Next.js
  • OpenNext наближається до того, щоб зробити Next.js по-справжньому портативним
  

• Angular
  • Angular RFC: Оновлений стайлгайд на 2024 рік
  • Скиньте або встановіть значення в LinkedSignal в Angular 19
  • Чому ми перейшли з Observables на сигнали в Angular

Фронтенд-меми