Совет по CSS 💡

Знаете ли вы, что можно сделать очень тонкий скроллбар или даже скрыть его, при этом сохранив возможность прокрутки?

Это может помочь сделать интерфейс более аккуратным и менее загромождённым в некоторых случаях

Читать полностью…

🌉 Умный мост между LSP и GitHub Copilot

Расширение для Visual Studio Code, которое интегрирует возможности любого сервера языков (LSP) с инструментами Model Context Protocol (MCP) и GitHub Copilot. Это решение улучшает взаимодействие с кодом, позволяя Copilot более эффективно находить объекты и предоставлять контекстные подсказки.

🚀 Основные моменты:
- Поддержка любого языка с активным LSP в VSCode
- Интеллектуальная навигация по кодовой базе
- Контекстные предложения и анализ кода
- Автоматическое улучшение ответов GitHub Copilot
- Интуитивно понятные инструменты для работы с кодом

📌 GitHub: https://github.com/sehejjain/Language-Server-MCP-Bridge

Читать полностью…

🎯 Умное преобразование чисел с плавающей точкой

nstr автоматически исправляет проблемы с точностью чисел, улучшая отображение в интерфейсах. Забудьте о некорректных значениях, таких как 0.30000000000000004 — теперь ваши числа выглядят аккуратно и правильно.

🚀 Основные моменты:
- Умное определение точности для чисел
- Чистое отображение в UI-компонентах
- Поддержка пользовательских настроек точности
- Простой в использовании и интеграции

📌 GitHub

@javascriptv

Читать полностью…

🕵️‍♂️ Обход защиты от ботов с помощью браузерного отпечатка

Этот репозиторий предлагает решения для обхода анти-бот защит при веб-скрапинге. Он включает советы и инструменты для создания незаметных ботов, которые могут эффективно взаимодействовать с различными веб-сайтами, минимизируя риск блокировки.

🚀 Основные моменты:
- Стратегии обхода защиты от ботов
- Рекомендации по использованию прокси и сервисов
- Подходы к созданию естественных браузерных отпечатков
- Инструменты для работы с JavaScript-детекцией

📌 GitHub: https://github.com/niespodd/browser-fingerprinting

@linuxkalii

Читать полностью…

📸 Immich Drop Uploader - простой загрузчик для вашего Immich сервера

Легкое веб-приложение без регистрации для загрузки фото и видео на Immich. Поддерживает очередь загрузки, предотвращение дубликатов и сохранение оригинальных дат. Идеально подходит для мобильных устройств и обеспечивает конфиденциальность.

🚀 Основные моменты:
- Никаких аккаунтов — просто перетащите файлы
- Поддержка очереди с прогрессом через WebSocket
- Автоматическое добавление в альбом
- Темная тема и мобильная адаптация
- Легкая конфигурация через .env и Docker

📌 GitHub: https://github.com/Nasogaa/immich-drop

#javascript

Читать полностью…

🔍 Проверка зависимости в CI

Provenance Action помогает обеспечить безопасность зависимостей в вашем проекте, выявляя изменения в их происхождении и статусе доверенного издателя. Поддерживает различные форматы lock-файлов и предоставляет аннотации в GitHub для упрощения анализа.

🚀 Основные моменты:
- Проверяет изменения в npm-происхождении зависимостей
- Поддерживает pnpm, yarn, bun и другие lock-файлы
- Генерирует JSON-вывод с результатами проверки
- Встраивает аннотации в lock-файлы для удобства
- Разработан на TypeScript, требует Node 24+

📌 GitHub: https://github.com/danielroe/provenance-action

#typescript

Читать полностью…

Table tenniCSS

Создано на HTML и SCSS, без использования JS.

#css

https://codepen.io/amit_sheen/pen/PobQjMX

Читать полностью…

Совет по CSS 💡

Иногда фавикон отлично смотрится в светлой теме, но выглядит плохо (или вовсе исчезает) в тёмной, и наоборот.

Такие мелкие детали могут портить общее впечатление от сайта.

Вот как это исправить 👆

Читать полностью…

🖥 bknd — проект, который предоставляет решения для быстрого создания серверной инфраструктуры и бэкенда для мобильных приложений и веб-сервисов!

🌟 Это платформа для упрощения работы с бэкендом, обеспечивающая API для обработки пользователей, данных и аутентификации, а также другие серверные функции. Этот репозиторий направлен на разработчиков, которые хотят быстро создавать серверную часть своих приложений без необходимости писать серверный код с нуля.

🌟 Основные особенности проекта включают простоту интеграции, поддержку аутентификации и управления пользователями, а также возможность работы с реальным временем и уведомлениями.

🔐 Лицензия: MIT

🖥 Github

@javascriptv

Читать полностью…

🎉 Открытая платформа для AI-чатов

Open-Fiesta — это многофункциональная среда для общения с ИИ, построенная на Next.js. Пользователи могут переключаться между различными провайдерами и моделями, сравнивать результаты и использовать веб-поиск и вложения изображений.

🚀 Основные моменты:
- Поддержка нескольких провайдеров (Gemini, OpenRouter и др.)
- Выбор до 5 моделей для работы
- Веб-поиск и вложения изображений
- Чистый интерфейс и удобное управление

📌 GitHub: https://github.com/NiladriHazra/Open-Fiesta

Читать полностью…

Solid

Эффект анимации при наведении мыши на текст.

#js

https://codepen.io/Sidstumple/pen/RwGJOow

Читать полностью…

⚡️ Огромная библиотека анимаций для React

В ней собрано больше 100 готовых анимированных компонентов: кнопки, карточки, меню, модалки, курсоры и даже списки с плавными эффектами. Всё выглядит стильно, легко настраивается через пропсы, а примеры можно сразу протестировать в браузере.

Коллекция постоянно пополняется новыми элементами, а самое приятное — всё это распространяется бесплатно.

Отличный инструмент для тех, кто делает интерфейсы на React.

https://github.com/DavidHDev/react-bits

Читать полностью…

Инструмент для изучения музыкальной теории!

• Основа — JavaScript, но знать его необязательно: гайд выучить создать всё.
• Учит программированию и музыке через практику, без скучного сольфеджио.
• Поддерживает MIDI и OSC для интеграции с синтезаторами или музыкальными сетапами.
• Создавайте крутые треки без знаний нот и ритма — Strudel сделает всё за вас!

Айтишники, становятся диджеями ! 🚀

https://strudel.cc/

@javascriptv

Читать полностью…

Хотите научиться создавать привлекательные карточки товара без Bootstrap и готовых шаблонов?

📅 9 сентября в 20:00 МСК на открытом уроке мы разберём, как из базовых тегов и CSS-свойств собрать мини-проект, достойный портфолио. Вы увидите, как блок <article> превратить в интерактивную витрину: текст, изображение, кнопка «Купить» и эффекты при наведении.

❗️ Вы поймёте, какие CSS-свойства (margin, padding, background-color, border) отвечают за композицию, а :hover добавит лёгкую анимацию при наведении. В реальном времени создадим карточку, применим шрифты, цвета и узнаем, как обеспечить кросс-браузерность без библиотек и фреймворков.

Урок проходит в преддверие старта курса «JavaScript Developer. Basic» и все участники получат скидку на обучение.

👉 Запишитесь на открытый урок → https://otus.pw/7r0U/?erid=2W5zFJTyJGx

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Читать полностью…

🚀 Инструмент для трансформации репозиториев с помощью ИИ

Repomirror позволяет выполнять преобразования в кодовых репозиториях, используя возможности искусственного интеллекта. Проект вдохновлён работой @ghuntley и включает несколько примеров, таких как порты популярных библиотек на разные языки.

🚀 Основные моменты:
- AI-трансформации для кодовых репозиториев
- Поддержка нескольких языков программирования
- Примеры проектов для вдохновения
- Активное сообщество разработчиков

📌 GitHub: https://github.com/repomirrorhq/repomirror

#javascript

Читать полностью…

🌐📊 Awesome Web Scraping: Полезный ресурс для разработчиков, собирающих данные с веб-сайтов. Содержит списки библиотек, инструментов и руководств по веб-скрапингу на различных языках программирования.

🚀Основные моменты:
- Обширные списки пакетов для Python, PHP, Ruby, JavaScript и Go.
- Инструменты командной строки для веб-скрапинга.
- Руководства и статьи по обучению веб-скрапингу.
- Ссылки на сервисы решения капчи и прокси-серверы.
- Обсуждения в Telegram для обмена опытом.

📌 GitHub: https://github.com/lorien/awesome-web-scraping

#markdown

Читать полностью…

🚀 Удобный бандлер для PumpFun

Pumpfun Bundler позволяет создавать и покупать токены с использованием до 20 кошельков в одном пакете. Это быстрое и эффективное решение для взаимодействия с протоколом PumpFun, включая создание токенов и управление их метаданными.

🚀 Основные моменты:
- Поддержка создания и покупки токенов с 20 кошельками
- Легкая настройка через .env файл
- Включает методы для взаимодействия с PumpFun
- Простой пример использования в репозитории

📌 GitHub: https://github.com/printz-labs/pumpfun-bundler

#typescript

Читать полностью…

🚀 Хватит оставаться на уровне базового Vue! Пора перейти на профессиональный фронтенд.

Онлайн-курс «Vue.js разработчик» — для тех, кто хочет:
• Создавать современные SPA и многостраничные приложения
• Работать с Vuex, Vue-router, Nuxt 3 и SSR
• Писать чистый код на ES6/ES8/TypeScript и тестировать его с Jest/Cypress
• Осваивать GraphQL, Firebase и Electron
• Применять продвинутые паттерны проектирования и оптимизировать приложения под production

💡 И это ещё не всё! 25 сентября в 20:00 в рамках курса «Vue.js разработчик» пройдёт бесплатный открытый вебинар «Nuxt 3 + SSR: собираем многостраничное приложение на Vue»:

• Настроим маршрутизацию и создадим страницы: каталог, карточка товара, «О компании»
• Подключим серверный рендеринг для ускорения загрузки и SEO
• Подтянем данные из открытого API и отрендерим на сервере
• Сверстаем и задеплоим базовую структуру проекта

Зарегистрироваться на вебинар: https://otus.pw/67TJ/?erid=2W5zFGRKGhe

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Читать полностью…

Стань участником МТС True Tech Champ 2025 — масштабного ИТ-чемпионата по программированию с призовым фондом 10 250 000 рублей.

Соревнования пройдут в двух треках:

1. Алгоритмические задачи
Покажи индивидуальное мастерство в работе со структурами данных и написании алгоритмов. Чтобы успешно справиться с заданиями, пригодится опыт решения олимпиад.

2. Программирование роботов
Оживи робота с помощью кода, чтобы он прошел лабиринт быстрее всех. Трек будет интересен разработчикам: С++, Go, Python, JS, Java, C# и не только.

Участвовать могут школьники, студенты, начинающие ИТ-специалисты и опытные разработчики. Отборочные этапы пройдут онлайн, шоу-финал — 21 ноября в МТС Live Холл в Москве.

Ты можешь выйти на арену как участник или наблюдать за чемпионатом как зритель.

Регистрируйся до 20 октября по ссылке.

Читать полностью…

🚀 Promises-Training — практикуй промисы в JavaScript

Promises-Training — это коллекция упражнений по промисам с автоматическими тестами, где можно прокачать работу с async/await, .then/.catch, конкурентным выполнением и ограничением параллельности.

⏩ Почему полезно:
- Пошаговый рост сложности: от простых примеров до нетривиальных сценариев.
- Автотесты сразу показывают, правильно ли решена задача.
- Хорошо подходит, чтобы глубже понять асинхронность и промисы.
- Есть упражнения по реальным случаям: parallelMaxConcurrency, concurrencyOverride, extractingResolvers и др.

📦 Как начать:

npm create promises-training@latest

Запуск проверки конкретного упражнения:

npm run check <category>/<exercise>

🔥 Итог: отличный способ на практике закрепить работу с промисами и уверенно освоить асинхронность в JS.
Лежит тут: https://github.com/henriqueinonhe/promises-training

#javascript #тренажер #js

@javascriptv

Читать полностью…

Как оживить формы на сайте без фреймворков? Хотите понять, как чистый JavaScript превращает скучные поля в динамичные интерфейсы? 

📅 22 сентября в 20:00 МСК на открытом уроке мы разберём, как добавить в анкету динамические поля, условия показа, счётчики и реакцию на ввод — без React и Vue. Вы увидите, как одна функция может управлять доступностью кнопки и менять структуру DOM в реальном времени.

❗️ Прямо в ходе вебинара создадим интерактивную анкету с радиокнопками, чекбоксами и текстовыми областями, освоим псевдо-отправку и научимся чистому, понятному коду. Спикер продемонстрирует лучшие практики обработки форм и покажет, как без лишнего «кода-шума» добиться гибкости.

👉 Посетите урок и получите скидку на курс «JavaScript Developer. Basic» → https://otus.pw/ArEx/?erid=2W5zFJK2gtG

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Читать полностью…

— Я нашёл бесплатный хостинг.
— Какой?
— Localhost.

@javascriptv

Читать полностью…

Практичный JavaScript — от профи для профи

Участвуй в конференции HolyJS, если ты опытный разработчик и используешь JavaScript-технологии для фронтенда и бэкенда. 

📍 20–21 ноября, Санкт-Петербург с онлайн-трансляцией. 

Тебя ждут хардкорные доклады о том, как превратить ИИ в полноценного тиммейта, использовать TypeScript в нестандартных сценариях и работать с графикой и 3D-анимациями на JS.

Акцент в программе — на практических форматах: будет воркшоп по unit-тестам и разбор реальных кейсов с PWA и state-менеджментом. Будут и доклады о карьерных стратегиях. Для расширения кругозора — академический доклад с философским и историческим взглядом на JavaScript, который заставит иначе посмотреть на привычные технологии.

Хочешь поучаствовать за счет компании? Покажи руководителю нашу статью на Хабре «5 причин отправить сотрудника на IT-конференцию».

Пойдешь за свой счет ? Бери билет сейчас, пока цена не выросла — и не забудь промокод: JAVASCRIPT10

Реклама. ООО "ДЖУГ РУ ГРУП". ИНН 7801341446.

Читать полностью…

Верстаешь?

Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:

1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке от эксперта;
6. Научишься использовать ChatGPT и Giga во Frontend-разработке;
7. Узнаешь 9 способов найти первый заказ даже без опыта.

А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 12-летним стажем – Романа Чернова.

👉 Проскочить на интенсив бесплатно

Начинаем уже завтра.

🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.

Читать полностью…

Vercel, создатели Next.js, выложили большую коллекцию примеров и шаблонов для приложений.

Внутри куча полезного:

- простые стартеры, чтобы быстро запустить проект
- готовые архитектуры «как в проде»
- демки с лучшими практиками

Полезно и для быстрых экспериментов, и чтобы подсмотреть правильные решения.

Репозиторий постоянно пополняется, а лучшие наработки попадают в Vercel Templates с удобным поиском и фильтрацией.

👉 Отличный источник, чтобы копировать и развивиать проверенные идеи. 🚀

@javascriptv

Читать полностью…

📍ОФЛАЙН, Санкт-Петербург
🗓 18 сентября, 19:00–22:00, четверг

Backend meetup от OneTwoTrip ✈️
Регистрируйтесь на митап и зовите коллег 👥

Мы с вами рассмотрим самые актуальные темы из мира бэкенда. Вы узнаете, как поддерживать проекты-долгожители, не ломая функционал, а также научитесь справляться с высокими нагрузками, самостоятельно создавая надёжные и быстрые сервисы и развивая фичи. Эксперты поделятся своим опытом в разработке, мониторинге и оптимизации.

Спикеры и доклады 🎤

🔘RAG: умный поиск для базы знаний
Спикер: Кирилл Красавин, teamlead в команде «Платформа» в OneTwoTrip

🔘Жизнь в монолите: как развивать и не ломать
Спикер: Дмитрий Камынин, backend-разработчик в команде «Отели» в OneTwoTrip

🔘Высоконагруженные Go-сервисы: надёжность, скорость и простота
Спикер: Артем Кущ, GO-разработчик в команде «ВК Видео»

🔘AI: разработка утилиты для генерация unit-тестов по покрытию
Спикер: Никита Тимофеев, teamlead команд «Ж/д», «Аренда авто» и партнёрского API в OneTwoTrip

Завершим вечер на крутой ноте! Вас ждет нетворкинг, живое общение с нашими спикерами и афтепати с пиццей. 🍕
Все детали по ссылке тут — тык-тык 🔗

Реклама. ООО «ОТТ Девелопмент», ИНН 7702849158,
erid: 2Vtzqud6t5y

Читать полностью…

🔥 Самая масштабная атака на экосистему JavaScript

Фишингом угнали npm-аккаунт мейнтейнера qix и пушнули апдейты в 18 ключевых пакетов (chalk, debug, strip-ansi, color-convert и др.) — суммарно это ~2,6 млрд загрузок в неделю.
В обновления вставили браузерный крипто-«клиппер»: на сайтах/в приложениях с уязвимыми версиями он перехватывает трафик и подменяет адреса кошельков.

Скомпрометированные версии — удалить немедленно из всех сред (локальные машины разработчиков, CI/CD, прод):

ansi-styles@6.2.2
debug@4.4.2
chalk@5.6.1
supports-color@10.2.1
strip-ansi@7.1.1
ansi-regex@6.2.1
wrap-ansi@9.0.1
color-convert@3.1.1
color-name@2.0.1
is-arrayish@0.3.3
slice-ansi@7.1.1
color@5.0.1
color-string@2.1.1
simple-swizzle@0.2.3
supports-hyperlinks@4.1.1
has-ansi@6.0.1
chalk-template@1.1.1
backslash@0.2.1
error-ex@1.3.3

⚡️ Что стоит сделать:
▪Удалить уязвимые версии из дерева зависимостей, пересобрать и задеплоить исправления.
▪Проверить lock-файлы (package-lock.json, yarn.lock, pnpm-lock.yaml) и node_modules на присутствие перечисленных версий.
▪ Очистить кэш менеджера пакетов: npm cache clean --force, yarn cache clean, pnpm store prune.
▪ Переустановить зависимости с нуля (удалив node_modules и lock-файлы) и заново зафиксировать версии.
▪ Пересобрать фронтенд-бандлы, инвалидировать CDN/кэши, перезапустить рантаймы.
▪ Проверить логи на внешние запросы из бандла, провести аудит внесённых PR/коммитов.
▪ Ротировать ключи/токены, если могли утечь, и ужесточить 2FA/доступ к npm.

📌 Разбор атаки

#security #npm #javascript #supplychain #infosec #malware

Читать полностью…

📱 JavaScript. Что будет выведено в консоль?

Ответ

Читать полностью…

🔥 Успех в IT = скорость + знания + окружение

Здесь ты найдёшь всё это — коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты!

AI: t.me/ai_machinelearning_big_data
Python: t.me/python_job_interview
Linux: t.me/linuxacademiya
Собеседования DS: t.me/machinelearning_interview
C++ t.me/cpluspluc
Docker: t.me/DevopsDocker
Хакинг: t.me/linuxkalii
Devops: t.me/DevOPSitsec
Data Science: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_1001_notes
Java: t.me/java_library
Базы данных: t.me/sqlhub
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Golang: t.me/Golang_google
React: t.me/react_tg
Rust: t.me/rust_code
ИИ: t.me/vistehno
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc
Разработка игр: /channel/gamedev
Haskell: t.me/haskell_tg
Физика: t.me/fizmat

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: /channel/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: /channel/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: /channel/addlist/BkskQciUW_FhNjEy

Подпишись, если хочешь быть в числе тех, кого зовут в топовые проекты!

Читать полностью…

Совет по HTML 💡

Примеры использования элементов thead, tbody и tfoot в HTML

Читать полностью…