Frontender Libs - обзор библиотек JS / CSS

Работа с оператором retryWhen Как работает оператор retryWhen? Забыли? Вернитесь к посту от 27.01.2025. 👉 @sWebDev

CamanJS CamanJS — это библиотека для редактирования изображений прямо в браузере. Она поддерживает широкий набор фильтров и операций, таких как изменение яркости, насыщенности, обрезка, наложение эффектов. Работает с HTML5 Canvas и позволяет манипулировать изображениями без использования сторонних серверов. 👉 @sWebDev

Attached mesh to armature Пример, как в Three.js можно привязать 3D-модель (mesh) к скелету (armature) для анимации. 👉 @sWebDev

Как из убитой квартиры сделать шикарную? Eсли у вaс eсть желаниe чтo-тo измeнить в своем доме, выбирайте свою площадь: 10-30 кв.метров - t.me/+vL2X5HaKAwlkNWZi 31-45 кв.метров - t.me/+P2dJg9nshvxlNDBi 46-66 кв.метров - t.me/+J5TOkOPslrM4Mjgy 67-80 кв.метров - t.me/+V8-R0vQR-ItjYmFi 81-120 кв.метров - t.me/+lENMP6B_JzVhMzg6 150-250 кв.метров - t.me/+XUFJCKfeuDw0ODli Более 250 кв.метров - t.me/+-iEMTDKD1YAzZjgy Узнать больше #реклама О рекламодателе

Добавление текста, отображаемого только при копировании, с помощью HTML и React Статья описывает способ добавления скрытого текста, который становится видимым только при копировании и вставке содержимого. Рассматривается использование HTML и CSS для создания невидимого на странице текста. Также предоставлен React-компонент, который упрощает реализацию этой функциональности в React-приложениях. 👉 @sWebDev

ROTATING PARTS Анимация вращающихся деталей на на Three.js. 👉 @sWebDev

💻 Ты разработчик, который хочет зарабатывать больше? В IT важно не просто кодить, а разбираться в архитектуре, понимать бизнес и грамотно выстраивать свою карьеру. Иначе через пару лет ты окажешься в толпе мидлов, которым ИИ уже подбирает замену. 📌 В своем канале Саня об IT я говорю не про «как войти в IT», а как не застрять в нём. • Какие технологии будут востребованы в 2025? • Реальные кейсы: разбор IT-трендов без маркетинговой шелухи. • Карьерный рост: как перейти из мидлов в сеньоры, а дальше – хоть в техлиды. 🚀 Подписывайся, если хочешь развиваться, а не топтаться на месте! 👉 https://t.me/+wKY0lZ3gFcw4ZGYy

Pell Pell — это минималистичный WYSIWYG-редактор для веба. Он не имеет зависимостей и весит всего около 1.4 KB. Предоставляет базовые функции для форматирования текста, такие как жирный, курсив, подчеркивание, ссылки, списки и заголовки. Pell подходит для случаев, когда нужен простой текстовый редактор без лишнего функционала. 👉 @sWebDev

Курс "Дизайн карточек для WB и Ozon". Бесплатно и с нуля Дизайнер карточек для маркетплейсов — востребованная и доходная профессия 💰 Научись ей бесплатно! - Бесплатный доступ к курсу - Разбор ДЗ от наставника - Мощные кейсы в портфолио Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

Магия CSS

.window.top { 
  position: absolute;
  transform: rotate(120deg);
  overflow: hidden;
}

👉 @sWebDev | #юмор

Все новости из мира программирования на этом канале @umnyiprogrammist Подписывайтесь, чтобы не упустите ничего важного

System Overheat Пиксельная анимация фона на Three.js. 👉 @sWebDev

Признаемся в любви к фронтенду 💛 15 февраля Яндекс проведет ежегодную конференцию для всех, кто живет фронтендом «Я💛Фронтенд» В офлайн части вас ждут: 🔸 Выступления топовых спикеров, дискуссии и новости frontend-сообщества 🔸 CodeRun — формат решения задач, где нужно управлять котиком Кодеруном: он ловит спецсимволы, и на их основе вы пишите код 🔸 Code in the dark — батл по вёрстке с Yandex Code Assistant 🔸 Разбор задач с экспертами Яндекса в формате мастермайнда Не забываем про онлайн — следите за обновлениями сайта. Регистрация на конфу открыта до 12 февраля.

Использование ChangeDetectorRef.detach() в Angular Метод ChangeDetectorRef.detach() позволяет отключить компонент от системы обнаружения изменений. Это полезно, если компонент не должен отслеживать изменения постоянно. После вызова detach() Angular перестанет проверять компонент и его потомков на изменения, пока вы не вызовете обновление вручную через detectChanges(). Пример:

import { ChangeDetectorRef, Component } from '@angular/core';

@Component({
  selector: 'app-performance',
  template: `<div>{{ counter }}</div>`
})
export class PerformanceComponent {
  counter = 0;

  constructor(private cdr: ChangeDetectorRef) {}

  ngOnInit() {
    this.cdr.detach(); // Отключаем отслеживание изменений
    setInterval(() => {
      this.counter++; // Обновляем данные
      this.cdr.detectChanges(); // Вручную запускаем проверку изменений
    }, 1000);
  }
}

В этом примере ChangeDetectorRef.detach() отключает систему обнаружения изменений, а вызов detectChanges() вручную обновляет интерфейс. 👉 @sWebDev

Бывает что устаёте от удаленки? 👍 - Бывает. ❤️ - От хорошего не устают. 👉 @sWebDev | #юмор

Поменяй свою жизнь - будь программистом! Обучение с нуля ⚡Если ты устал от работы в офисе и хочешь поменять свою жизнь - тебе к нам! Мы научим тебя Java разработке, а также поможем найти первую работу в IT. Не упускай шанс поменять свою жизнь, приходи к нам на бесплатный урок, который состоится 15 февраля 2025г.. Каждому, кто будет с нами на уроке, мы подарим скидку 10% на обучение! Переходи в наш канал, чтобы записаться ✅ Узнать больше #реклама 16+ О рекламодателе

Работа с методом ApplicationRef.tick Для чего используется метод ApplicationRef.tick()? Забыли? Вернитесь к посту от 20.01.2025. 👉 @sWebDev

Canvg Canvg — библиотека, которая позволяет рендерить SVG-контент на <canvas> HTML5. Это полезно для работы с графикой в браузерах, которые не поддерживают SVG в полной мере или требуют манипуляций с графикой. 👉 @sWebDev

3D Pyramid Animation Анимация пирамид на Three.js. 👉 @sWebDev