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

Bliss Библиотека содержит набор легковесных хелперов, делающих работу с DOM на чистом JavaScript более лаконичной. Она расширяет нативные элементы новыми методами для использования синтаксиса в стиле jQuery без дополнительных зависимостей и обёрток. 👉 @sWebDev

Гайд для маркетологов по эффективным онлайн-встречам Как CMO, PR и digital-маркетологам повысить результативность брейнштормов, совещаний и планерок с командой с помощью онлайн-встреч? Гайд МТС Линк: 37 страниц полезных материалов, чек-листов и кейсов для эффективных видеовстреч и совещаний. ✅ В гайде: - Как создать постоянную ссылку на регулярные встречи с подрядчиками, командой или агентствами и подключаться в 2 клика; - Как управлять встречей и завершить ее четкими договоренностями с ИИ-расшифровкой голоса в текст; - Как проводить кастдевы, брейнштормы и формулировать гипотезы с помощью 15+ шаблонов в онлайн-досках МТС Линк; - Как разом пригласить всех участников на синк таким образом, чтобы все пришли. Бонус внутри: 5 способов не выгореть от бесконечных синков. ✨ Скачайте гайд бесплатно по ссылке Скачать #реклама 16+ mts-link.ru О рекламодателе

Кто вы в этой сцене? 👍 – Джун. ❤️ – Мидл. 🤔 – Сеньор. 👉 @sWebDev | #юмор

Heart Animation Анимация частиц в форме сердца на Three.js и GSAP. 👉 @sWebDev

Адаптивный интерфейс Хук useMediaQuery отслеживает media-запросы для адаптации интерфейса. Для корректной работы в SSR, где объект window недоступен и нельзя определить размер экрана, хук принимает начальное значение (defaultValue). Оно используется при рендеринге на сервере, а после гидратации на клиенте состояние обновляется до реального.

import { useState, useEffect } from 'react';

function useMediaQuery(query: string, defaultValue = false) {
  const [matches, setMatches] = useState(defaultValue);

  useEffect(() => {
    const mediaQueryList = window.matchMedia(query);
    
    const listener = (event: MediaQueryListEvent) => setMatches(event.matches);

    // Устанавливаем начальное значение после монтирования
    setMatches(mediaQueryList.matches);
    
    mediaQueryList.addEventListener('change', listener);
    return () => mediaQueryList.removeEventListener('change', listener);
  }, [query]);

  return matches;
}

👉 @sWebDev

Google Meet перестал работать в России: что дальше? 📞🏃‍♂️ Сперва в Telegram и WhatsApp заблокировали звонки, а теперь и Google Meet сбоит. Видеозвонки не проходят ни с телефонов, ни с ПК. Для бизнеса это означает: - сорванные онлайн-совещания и встречи с клиентами; - срыв собеседований и переговоров с подрядчиками; - потерю времени и простои в коммуникациях команд; - срочный поиск альтернативы для видеозвонков и онлайн-летучек. Что делать бизнесу, когда зарубежные сервисы один за другим перестают работать в России? ✅ В МТС Линк: видеозвонки, чаты, онлайн-доски и совещания без сбоев и ограничений 40 минут; дата-центры в России, соответствие 152-ФЗ и 149-ФЗ; готовые интеграции; русскоязычная техподдержка 24/7. Проверьте, подходит ли МТС Линк вашей компании Узнать больше #реклама 16+ mts-link.ru О рекламодателе

Ваше первое резюме тоже выглядело беспомощно? 👍 – Очень. ❤️ – Оно до сих пор такое. 🤔 – Нет, сразу было норм. 👉 @sWebDev | #юмор

Ищу желающих выполнять задачи с помощью ИИ! Работа полностью на удаленке с зп до 150 000 рублей в месяц. Без опыта, нужен только телефон, занятость 3-6 часов в день. Всему обучат на бесплатном курсе и после возьму на работу: ✅ 3 дня уроков по 30 минут ✅ Домашки с проверкой и оплатой бонусами ✅ Плачу 10 тыс за каждую выполненную домашку Все кто пройдет курс, получат сертификат от школы с образовательной лицензией. ⚡ Набор заканчивается завтра. 👍 Для регистрации жмите кнопку "Зарегистрироваться": Зарегистрироваться #реклама 16+ ganstaagency.com О рекламодателе

Поведение при отказе в доступе Что отобразит прокси-компонент для контроля доступа, если у пользователя нет требуемой роли? Забыли? Вернитесь к посту от 18.08.2025. 👉 @sWebDev

Chocolat Chocolat — адаптивная лайтбокс-галерея для изображений. Она позволяет создавать всплывающие галереи с поддержкой навигации и полноэкранного режима. 👉 @sWebDev

Реклама для бизнеса любого уровня в Яндекс Директе Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌 Начните прямо сейчас ⚡ Зарегистрироваться #реклама direct.yandex.ru О рекламодателе

Spooky Spectral Ghost Интерактивная сцена с призраком и спектральными эффектами на Three.js. 👉 @sWebDev

Бесплатный урок по шитью распашонки из трикотажа. Даже если до этого раньше не шили и не знаете, с какой стороны подойти к швейной машине За 1,5 часа в онлайн формате разберем: ✅как сшить удобную распашонку на кнопках и со встроенными царапками за пару часов ✅что делать, если нет оверлока, и как обойтись обычной швейной машинкой ✅3 лайфхака, без которых не получится шить качественно ✅как избежать ошибок при работе с трикотажем, на которых попадаются 90% новичков В прямом эфире покажу по шагам как сшить распашонку для новорождененого. Все подробно поясню: как раскроить, сметать, где что подложить, как правильно проложить строчку. Кстати, затраты на такую распашонку – 600 руб. В магазинах такого качества дешевле 3000 не купить. Для регистрации жмите кнопку "Зарегистрироваться": Бесплатных мест осталось мало: Зарегистрироваться #реклама 16+ foxmaman-sew.ru О рекламодателе

Прощай, Zone.js: ускоряем Angular с помощью Signal API Механизм Zone.js в Angular часто приводит к лишним проверкам и падению производительности из-за глобального отслеживания изменений. Статья разбирает, как новый Signal API и Zoneless-подход решают эту проблему. На примерах и замерах производительности показывается, как точечная реактивность сигналов устраняет избыточные перерисовки и ускоряет приложение. 👉 @sWebDev

ThreeJS Shadow 3D-сцена с интерактивными тенями от статуй Моаи на Three.js. 👉 @sWebDev

👩‍💻 Всем программистам посвящается! Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩‍💻 Frontend — t.me/frontend_ready 📱 JavaScript — t.me/javascript_ready 👩‍💻 Backend — t.me/backend_ready 📱 GitHub & Git — t.me/github_ready 👩‍💻 Python — t.me/python_ready 🤔 InfoSec & Хакинг — t.me/hacking_ready 🖥 SQL & Базы Данных — t.me/sql_ready 🤖 Нейросети — t.me/neuro_ready 👩‍💻 C/C++ — https://t.me/cpp_ready 👩‍💻 C# & Unity — t.me/csharp_ready 👩‍💻 Java — t.me/java_ready 👩‍💻 Linux — t.me/linux_ready 🖼️ DevOps — t.me/devops_ready 📖 IT Книги — t.me/books_ready 👩‍💻 Весь IT — t.me/it_ready 👩‍💻 Bash & Shell — t.me/bash_ready 🖥 Design — t.me/design_ready 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

Вебинар - "Оптимизация маркетинга с помощью нейросетей!" Хватит «гореть» на рутине! ⚡ Узнайте на бесплатном вебинаре, как ИИ сократит вашу рутинную работу на 80%. 📅 10 сентября | 19:00 (МСК) Вы получите практические инструкции, как: - Автоматизировать контент и анализ аудитории - Генерировать креативные идеи за секунды - Создать своего AI-аватара без программирования Для маркетологов, SMM- и контент-специалистов. 💰 Подарок после регистрации: «Гид по созданию цифрового аватара». Превратите ИИ в вашего неутомимого помощника! Зарегистрироваться #реклама 16+ ed.bonnieandslide.com О рекламодателе

MinDom Библиотека MinDom предоставляет легковесный набор утилит для манипуляций с DOM и управления событиями. Она будет полезна в проектах, где требуется базовое взаимодействие с DOM без подключения тяжёлых фреймворков. 👉 @sWebDev

Гайд для РОПов по проведению эффективных вебинаров Как руководителям отделов продаж увеличить количество успешных сделок при том же объеме лидов с помощью вебинаров? Гайд от МТС Линк по обучающим вебинарам для отделов продаж. ✅ В гайде: - Как эффективнее прокачивать скиллы менеджеров и закрывать больше сделок за меньшие сроки; - Как организовать тренинг так, чтобы участники действительно подключились и дошли до финального модуля; - Как выявить слабого менеджера и улучшить его показатели; - Как сэкономить время на организации вебинара и пригласить всех участников в 2 клика. Бонус внутри: 5 прикладных советов по контролю внимания участников во время вебинара ✨ Скачайте гайд бесплатно по ссылке Скачать #реклама 16+ mts-link.ru О рекламодателе