Passkey аутентификация на Express.js + Docker

Web Authentication API туториал

https://www.youtube.com/watch?v=lzelnAI914A

Перед мемоизацией

Несколько советов от Дена Абрамова по улучшению производительности React приложений, на которые стоит обратить внимание перед использованием memo и useMemo.

https://overreacted.io/before-you-memo/

Как посчитать временную сложность алгоритма

Что такое временная сложность и примеры расчета для разных видов алгоритмов.

https://algo.monster/problems/runtime_summary

Утечки памяти, которые не утечки

О видах памяти, как работает сборщик мусора и как можно найти причину большого расхода памяти в NodeJs приложениях.

https://habr.com/ru/companies/alfa/articles/789782/

Создаем размытый box-shadow эффект

Используем комбинацию масок, градиентов и фильтров для создания более мягкого и интересного аналога box-shadow.

https://www.smashingmagazine.com/2024/01/css-blurry-shimmer-effect/

#timeweb_статьи_перевод #javascript

Важные аспекты Unicode, о которых должен знать каждый разработчик JavaScript

⭐️◽️◽️◽️◽️

📖 Читать

Оптимизируем время до первого байта

Несколько советов по улучшению метрики TTFB.

https://web.dev/articles/optimize-ttfb

Что нового в DevTools

Обновления DevTools v.122: официальное расширение для записи, новый функционал таймлайна, улучшенная работа с куками и еще куча всего.

https://developer.chrome.com/blog/new-in-devtools-122?hl=en

Создаем игру Gorillas на JS

Подробный туториал по разработке игры с использоваием JS + Canvas.

https://www.freecodecamp.org/news/gorillas-game-in-javascript/

Изучаем доступность

Полный туториал по a11y познакомит вас с основами доступности, аспектами разаботки веб приложений с учетом нюансов доступности, и почему это важно.

https://www.youtube.com/watch?v=e2nkq3h1P68

Разбираемся с Interaction to Next Paint

О чем говорит новая метрика Core Web Vital и как ее можно оптимизировать.

https://blog.logrocket.com/exploring-interaction-next-paint-new-core-web-vital/

#css #accessibility

HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 5

⭐️⭐️◽️◽️◽️

📖 Читать

За гранью пикселей и rems в CSS - относительные единицы измерения основанные на viewport

Частые ловушки, в которые попадают разрабочики при использовании относительных единиц измерения в CSS.

https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport

От множества к единому - переводим наши проекты в монорепозиторий

В каких случаях стоит хранить проекты в монорепе, и как слить все проекты в один, не потеряв при этом историю комитов.

https://www.aha.io/engineering/articles/monorepo

Оборачиваем в Docker ваше NextJs приложение с помощью Github Actions

Пошаговый туториал с конфигами, позволяющий настроить билд приложения с Github Actions.

https://mxd.codes/articles/docker-ci-cd-for-nextjs-with-github-actions

Иммутабельные изменения массивов с Array.prototype.with

Заметка о том, как with поможет с модификацией массивов, создавая новую копию с изменениями.

https://web.dev/blog/array-with?hl=en

Появление WebGL изображений при скролле

Эффект обратной пикселизации изображений при скролле с использованием WebGL и GSAP

https://tympanus.net/codrops/2024/02/07/on-scroll-revealing-webgl-image-explorations/

Демо | GitHub

Как отобразить радар-чарты в вебе

Создаем удобные и переиспользуемые компоненты для отображения данных в виде радар-чартов.

https://www.smashingmagazine.com/2024/02/draw-radar-charts-web/

Что такое CSS Motion Path

Как анимировать элементы по траектории с CSS Motion Path.

https://www.letsbuildui.dev/articles/what-is-css-motion-path/