Управление памятью в JS c WeakRef и FinalizationRegistry
Что такое WeakRef и FinalizationRegistry, как и когда их стоит использовать и как это влияет на использование памяти.
https://jsdev.space/memory-management-js/
Что такое WeakRef и FinalizationRegistry, как и когда их стоит использовать и как это влияет на использование памяти.
https://jsdev.space/memory-management-js/
🔥19👍4🌚2🤡1
Сейчас сезон, когда IT-мероприятий, как из рога изобилия — как оффлайн, так и онлайн
Но где найти единую "базу" ивентов? Чтобы "заглянул -> увидел все что есть -> выбрал -> пошел"?
🔥 Советуем обратить внимание на канал, в котором публикуют анонсы вебинаров, хакатонов, конференций, мастер-классов, ивентов от гигантов индустрии и лучших специалистов по кодингу, дизайну, аналитике и т.д.
👍 Очень крутая вещь, где вы точно не пропустите ничего важного и интересного.
🗂 IT-мероприятия России / ITMeeting / IT events - подпишитесь, чтобы не потерять!
Но где найти единую "базу" ивентов? Чтобы "заглянул -> увидел все что есть -> выбрал -> пошел"?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤2🔥2⚡1👎1
Поддержка различных видов масштабирования
О том, как правильно поддерживать различное поведение зума на веб-сайтах, чтобы страницы корректно реагировали на увеличение в браузерах и сенсорное масштабирование на устройствах. Лучшие практики для улучшения доступности контента.
https://blog.logrocket.com/understanding-supporting-zoom-behaviors-web/
О том, как правильно поддерживать различное поведение зума на веб-сайтах, чтобы страницы корректно реагировали на увеличение в браузерах и сенсорное масштабирование на устройствах. Лучшие практики для улучшения доступности контента.
https://blog.logrocket.com/understanding-supporting-zoom-behaviors-web/
3🔥12👍4❤2⚡1
This media is not supported in your browser
VIEW IN TELEGRAM
Scroll Driven анимация карточек
Вариант замены привычной карусели
https://codepen.io/paulnoble/full/gOVPedz
Вариант замены привычной карусели
https://codepen.io/paulnoble/full/gOVPedz
1🔥28👍7❤1🥱1
This media is not supported in your browser
VIEW IN TELEGRAM
Контекстно-зависимые анимации для фиксированных элементов
Изменение масштаба, повороты и движения - динамичные визуальные эффекты для оживления вашего сайта.
Демо | Github
https://tympanus.net/codrops/2024/10/09/exploring-playful-context-aware-animations-for-fixed-elements/
Изменение масштаба, повороты и движения - динамичные визуальные эффекты для оживления вашего сайта.
Демо | Github
https://tympanus.net/codrops/2024/10/09/exploring-playful-context-aware-animations-for-fixed-elements/
🔥23👍3🤔1
Несколько простых советов по использованию DevTools
От банального $0 в консоли до Edit and Resend Request в Network
https://www.freecodecamp.org/news/cross-browser-devtools-features
От банального $0 в консоли до Edit and Resend Request в Network
https://www.freecodecamp.org/news/cross-browser-devtools-features
1❤20👍5👀1
Темы для проигрывателей Media Chrome
Набор тем для видео и аудио плееров созданных на основе Media Chrome для любых фреймворков.
https://player.style/
Набор тем для видео и аудио плееров созданных на основе Media Chrome для любых фреймворков.
https://player.style/
2👍12❤1👌1
LocalStorage vs. IndexedDB vs. Cookies vs. OPFS vs. WASM-SQLite
Добавляем к привычному сравнению способов хранения данных на фронте новые: OPFS и WASM-SQLite
https://rxdb.info/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html
Добавляем к привычному сравнению способов хранения данных на фронте новые: OPFS и WASM-SQLite
https://rxdb.info/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html
👍14🔥4⚡1👀1
Создаем книжный магазин, используя React, Node и MongoDB
Большой и подробный туториал по созданию frontend и backend частей для онлайн магазина книг.
https://www.youtube.com/watch?v=pgw2KPfgK1E
Большой и подробный туториал по созданию frontend и backend частей для онлайн магазина книг.
https://www.youtube.com/watch?v=pgw2KPfgK1E
👍22❤🔥4🌚3🍓3🔥2
Встречайте новый оператор безопасного присвоения
Какие плюсы использования оператора
https://jsdev.space/safe-assignment-operator/
Какие плюсы использования оператора
?= и в каких кейсах его можно использовать.https://jsdev.space/safe-assignment-operator/
🔥29👍8👎2⚡1
This media is not supported in your browser
VIEW IN TELEGRAM
3D анимация грида с scroll-triggered эффектами
Очередной красивый концепт анимаций и переходов с использованием скролла.
Демо | Github
https://tympanus.net/codrops/2024/10/16/staggered-3d-grid-animations-with-scroll-triggered-effects/
Очередной красивый концепт анимаций и переходов с использованием скролла.
Демо | Github
https://tympanus.net/codrops/2024/10/16/staggered-3d-grid-animations-with-scroll-triggered-effects/
👍11🔥8❤1
Способы реализации светлой/темной темы
Используем css переменные, prefers-color-scheme и JS для динамического переключения темы.
https://css-tricks.com/come-to-the-light-dark-side/
Используем css переменные, prefers-color-scheme и JS для динамического переключения темы.
https://css-tricks.com/come-to-the-light-dark-side/
👍15🔥4❤2⚡1
Продвинутый Ctrl+F
Используем текстовые фрагменты в URL для выделениях интересующих участков текста на странице, делая навигацию более эффективной.
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
Используем текстовые фрагменты в URL для выделениях интересующих участков текста на странице, делая навигацию более эффективной.
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
1🔥14⚡2❤1👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Сайты на Framer ускорили интерактивность на 50%
Команда Framer рассказывает о новом обновлении, которое ускоряет интерактивность сайтов, используя более оптимальный алгоритм загрузки и обновления.
https://www.framer.com/blog/sites-interactive-faster/
Команда Framer рассказывает о новом обновлении, которое ускоряет интерактивность сайтов, используя более оптимальный алгоритм загрузки и обновления.
https://www.framer.com/blog/sites-interactive-faster/
🤡8🤔6👍4⚡1
Создаем заполняющийся индикатор загрузки
Пошаговый туториал создания лоадера с использованием всего 1 элемента на чистом CSS.
https://www.freecodecamp.org/news/filling-css-loaders/
Пошаговый туториал создания лоадера с использованием всего 1 элемента на чистом CSS.
https://www.freecodecamp.org/news/filling-css-loaders/
❤🔥12👍2🔥2❤1🍓1
State of CSS 2024
Результаты ежегодного исследования о CSS: инструменты, фреймворки, тренды, фичи.
https://2024.stateofcss.com/ru-RU
Результаты ежегодного исследования о CSS: инструменты, фреймворки, тренды, фичи.
https://2024.stateofcss.com/ru-RU
👍7🔥4❤2
Forwarded from Web Stack
Значок скрола в DevTools
Теперь стало намного проще находить элементы, у которых присутствует скрол, с новым обновлением DevTools.
https://developer.chrome.com/blog/swe-devtools-scroll-badge
Теперь стало намного проще находить элементы, у которых присутствует скрол, с новым обновлением DevTools.
https://developer.chrome.com/blog/swe-devtools-scroll-badge
🔥99👍19👏2🎉2
Анимируем React приложение с Framer Motion
Короткий курс по анимации на примере приложения со списком.
https://egghead.io/lessons/react-create-micro-interactions-with-framer-motion-gesture-props
Короткий курс по анимации на примере приложения со списком.
https://egghead.io/lessons/react-create-micro-interactions-with-framer-motion-gesture-props
🔥12❤3⚡2👍1👎1
npm audit
Что такое npm audit и как фиксить проблемы с уязвимостями, которые мы видим в консоли после установки.
https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/
Что такое npm audit и как фиксить проблемы с уязвимостями, которые мы видим в консоли после установки.
https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/
😁32👍4😢3❤2
Улучшенная работа вложенного CSS с CSSNestedDeclarations
В спецификацию добавлены некоторые улучшения работы вложенных конструкций CSS, которые делают работу селекторов более предсказуемой.
https://web.dev/blog/css-nesting-cssnesteddeclarations?hl=en
В спецификацию добавлены некоторые улучшения работы вложенных конструкций CSS, которые делают работу селекторов более предсказуемой.
https://web.dev/blog/css-nesting-cssnesteddeclarations?hl=en
👍7⚡2🤔2