Javascript

26 April 2026 10:54

⚡️ Claude Design: новая фича, которая делает лендинги и презентации по двум строкам промпта

В Claude выкатили Claude Design - отдельный продукт для генерации сайтов, слайдов и анимированных видео. Живёт на claude.ai/design, под капотом Opus 4.7, статус research preview. Нужен Pro или Max.

Как пользоваться. Заходите, выбираете Wireframe, Presentation или Animated video. Для wireframe сразу включайте High fidelity. В промпте указываете четыре вещи: цель, аудиторию, структуру и тон. Жмёте Create.

Файл DESIGN.md с вашим бренд-стилем (шрифты, цвета, тон). Положили в проект, упомянули в промпте, и Claude применяет ваш брендинг ко всему, что генерит. Без этого результат красивый, но шаблонный.

Рабочий шаблон промпта: «Создай [лендинг/презентацию/видео] для [продукта]. Тон: [бренд A] + [бренд B]».

Главная ошибка - размытые формулировки. «Красивый лендинг» = шаблонный AI-результат. Всегда задавайте аудиторию, три референса по стилю и желаемый итог.

Полезные команды после первого результата:
покажи 3 альтернативных варианта структуры, проверь контраст по WCAG 2.1 AA, сгенерируй версии под desktop/tablet/mobile, предложи два A/B-варианта hero-блока.

Экспорт в один клик: Canva, PPTX, PDF, HTML.
Где реально экономит время: pricing-страницы, sales deck по брифу, превращение статьи в 30-секундное видео, hero-варианты для A/B-тестов, посты в Instagram под бренд-кит. Час на страницу вместо дня.

Javascript

22 April 2026 11:15

Совет по использованию инструментов Chrome Dev Tools 💡

Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?

Javascript

20 April 2026 15:01

DOOM ЧЕРЕЗ CURL. ДА, ПРОСТО HTTP ЗАПРОС

Разработчик запустил Doom прямо в терминале без установки и GUI.

Работает через обычный curl. Под капотом сервер стримит кадры игры как ANSI-графику, а ввод с клавиатуры уходит обратно по тому же соединению.

По сути это полноценная игра поверх HTTP, без клиента, без зависимостей. Только bash и сеть.

Сюрреализм в том, что это не демка, а реально играбельная штука.

Хочешь попробовать - открываешь терминал и играешь.

https://github.com/xsawyerx/curl-doom

Javascript

17 April 2026 17:02

🚀 AI-Управляемый Поиск Работы

Career-Ops — это интеллектуальная платформа для поиска работы, использующая Claude Code. Она автоматизирует процесс оценки предложений, генерации резюме и отслеживания заявок, позволяя сосредоточиться на наиболее подходящих вакансиях.

🚀Основные моменты:
- Оценка предложений с использованием системы баллов A-F.
- Генерация адаптированных резюме в формате PDF.
- Автоматическое сканирование порталов для новых вакансий.
- Параллельная обработка нескольких предложений.
- Интегрированная система отслеживания заявок.

📌 GitHub: https://github.com/santifer/career-ops

#javascript

Javascript

14 April 2026 14:00

🎨 Создайте идеальные скелетоны загрузки с Boneyard

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

🚀 Основные моменты:
- Автоматическое извлечение размеров элементов с помощью getBoundingClientRect()
- Поддержка нескольких точек прерывания для адаптивного дизайна
- Анимация пульсации для визуального эффекта
- Легкая интеграция в React-приложения

📌 GitHub: https://github.com/0xGF/boneyard

#javascript

Javascript

13 April 2026 10:02

🚀 GigaChat 3.1 Ultra и GigaChat 3.1 Lightning в опенсорс под MIT лицензией!

Обе модели
• Обучены с нуля — без инициализации зарубежными весами
• MoE + MTP + MLA
• Совместимы с HuggingFace, llama.cpp / vLLM / SGLang

Код и веса уже на платформе GitVerse.

Это не просто релиз весов, а результат большой инженерной работы над качеством, alignment и стабильностью модели. В блоге команда поделилась результатами и своими наработками.
В релизе: высокие результаты на аренах, улучшенный function calling, решённая проблема циклов, DPO в нативном FP8, найденный и зарепорченный баг в SGLang при dp > 1.

Javascript

09 April 2026 13:02

Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊

section { filter: url(#​knockout); }
section h1 { animation: shrink; }
@​keyframes shrink { 0% { scale: 36; }}

- Анимация изменения масштаба текста на видео-оверлее ✅
- Выбивание текста с использованием SVG-фильтра ✅
- Управление прокруткой ✅

Javascript

05 April 2026 12:05

🎮 Interactive Super Mario - анимация Super Mario, выполненный с помощью SCSS и JavaScript. Управление осуществляется с помощью клавиатуры

https://codepen.io/merchedev/pen/BaYqyNx

Javascript

02 April 2026 14:03

⚡️ Open-source NVR интерфейс для IP-камер

camera.ui — это open-source веб-интерфейс уровня NVR для управления камерами, поддерживающими RTSP-стриминг.

Что умеет:

• смотреть live-видео с камер прямо в браузере
• удобный Camview — плиточная панель всех камер
• детекция движения через video analysis, MQTT, HTTP, FTP или SMTP
• сохранение фото и видео, когда обнаружено движение
• pre-buffer — можно увидеть несколько секунд до события
• уведомления через Telegram, Webhook, Alexa и WebPush
• поддержка Apple HomeKit через Homebridge
• PWA-приложение с push-уведомлениями
• тёмная тема и несколько цветовых тем интерфей
•
https://github.com/seydx/camera.ui

Javascript

31 March 2026 16:29

MWS Cloud Platform приглашает на сеньорский митап

Что обсудим:
→ Почему vhost-user обходит virtio-net
→ Когда писать свой балансировщик вместо HAProxy
→ Почему нельзя выбрать один язык для платформы

Поспорим на дебатах Go vs Kotlin — все желающие могут присоединиться и задавать вопросы из зала.

📅 9 апреля, 18:00
📍 Место Санкт-Петербург, Конногвардейский бульвар, 4, Mishka Bar
Для кого: сеньоров-разработчиков, сетевых инженеров и архитекторов облачных платформ
Сложность докладов: 8/10
Места ограничены, регистрация обязательна. 👉

Javascript

27 March 2026 13:01

📚🚀 Siftly: AI-управляемый менеджер закладок для Twitter/X

Siftly позволяет организовать ваши закладки из Twitter/X в удобную и визуально привлекательную базу знаний. Все данные остаются на вашем устройстве, а AI помогает в поиске и категоризации контента.

🚀Основные моменты:
- Импорт закладок без расширений
- AI-теги и семантический поиск
- Визуальная карта закладок
- Фильтрация по категориям и типам медиа
- Экспорт данных в CSV/JSON/ZIP

📌 GitHub: https://github.com/viperrcrypto/Siftly

#typescript

Javascript

26 March 2026 16:21

Как за 2 года стать разработчиком, за которого конкурируют компании?

⚡️ 8 апреля ИТМО в партнёрстве с Яндекс Практикумом проведут День открытых дверей онлайн-магистратуры «Фронтенд- и бэкенд-разработка».

Поговорим про фронтенд и бэкенд, разницу между ними и уровень знаний на старте. Обсудим, какие навыки нужны для поступления, как магистратура помогает быстрее выйти на рынок — и быть на нём конкурентоспособным.

Отдельно разберём сценарии для тех, кто уже работает в IT: как сменить стек, углубиться в текущий или перейти в новые направления, включая работу с ИИ.

На встрече обсудим:
— какой трек выбрать и как выстроить карьеру в разработке
— какую роль играет ИИ в программировании
— как устроена программа и чему вы научитесь
— как проходит обучение и как его совмещать с работой
— как поступить: вступительные испытания и ключевые даты

Javascript

25 March 2026 07:30

💻Сегодня большинство современных веб-сервисов строятся вокруг серверной логики, которая отвечает за обработку данных и устойчивую работу всей системы. Приглашаем на открытые уроки перед стартом курса «Node.js-разработчик»:

📆26 марта в 20:00 МСК
Разберём, как строится современная серверная архитектура. Узнаете, почему одного чистого Node.js часто недостаточно для коммерческой разработки и какие задачи решает NestJS.

📆9 апреля в 20:00 МСК
Пошагово реализуем WebSocket-сервер на Node.js и разберём, как устроен обмен сообщениями в realtime. Покажем, как типизация событий делает код надёжнее, и обсудим, почему простого решения недостаточно для рабочей системы.

📆22 апреля в 20:00 МСК
Поговорим о Bun, его отличия от Node.js и преимущества по производительности. Обсудим архитектуру backend-сервиса, интеграцию ИИ и работу с API.

⚡️Подробности и регистрация: https://otus.pw/81XL/?erid=2W5zFJkRpZP

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

Javascript

23 March 2026 15:03

#вопросы_с_собеседований
Идентичный алфавит

Напишите функцию, принимающую две строки и возвращающую true в случае если строки состоят из одинаковых букв (порядок не важен). Иначе верните false.

isEqualSymbols('кит', 'тик'); // => true
isEqualSymbols('мда', 'да я'); // => false

Решение на картинке. Для ускорения мы сразу отбрасываем вариант, когда строки не равны по длине, далее делаем из строк массивы и сортируем по символам, затем склеиваем обратно и проверяем готовые строки на равенство.

Javascript

21 March 2026 09:02

@javascriptv

Javascript

24 April 2026 13:00

Header With Slide Bar

Появляющийся заголовок с ползунком. Написан на чистом CSS.

https://codepen.io/kamciu/pen/xxbJzBv

Javascript

22 April 2026 09:14

⬇️ Этот текст видят только те, кто пишет на JavaScript ⬇️
Проходите бесплатный курс по JS, чтобы прокачать навыки

Бесплатный курс Академии Selectel поможет освоить базу по синтаксису и конструкциям языка. На финальных модулях вы создадите веб-приложение с интерактивным менеджером задач, который станет частью вашего портфолио.

Во время курса вы:

✔️ освоите архитектуру простых веб-приложений,
✔️ поработаете с продвинутыми шаблонами и библиотеками,
✔️ напишете скрипты и научитесь изменять интерфейс веб-страниц.

Бонусом вас ждет промокод на работу с IT-инфраструктурой Selectel для практики. А после прохождения вы получите именной сертификат.

Начните обучение сейчас ➡️ https://slc.tl/bpoad

Больше материалов по фронтенд-разработке ищите в профиле @selectel_academy

Реклама. АО "Селектел". erid:2W5zFHujLed

Javascript

18 April 2026 16:05

🚀 SEO теперь можно разбирать через ИИ, а не вслепую

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

Сервисы на базе Claude и ChatGPT проводят полный аудит: проверяют AI-видимость, качество контента, SEO-метрики, структурированные данные и техническое состояние сайта. На выходе вы получаете итоговый скор и понятный план действий, а не просто набор сухих замечаний.

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

Отдельно есть PDF-отчёт для брендов. В нём собирается анализ упоминаний компании на популярных площадках, чтобы можно было быстро оценить цифровое присутствие и понять, где усиливать маркетинг.

Удобная штука для тех, кто хочет не гадать, почему сайт просел, а сразу получить внятную карту роста.

https://github.com/zubair-trabzada/geo-seo-claude

Javascript

16 April 2026 13:33

Pure CSS Hamburger fold-out menu

Раскладывающееся меню Гамбургер. Написано на чистом CSS.

https://codepen.io/erikterwan/pen/EVzeRP

Javascript

13 April 2026 12:03

Rounded Box - Matcap texture

Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js

https://codepen.io/vcomics/pen/JjpgBwY

Javascript

10 April 2026 09:21

Aseprite

Анимированный редактор спрайтов и инструмент для пиксель-арта (Windows, macOS, Linux)

▫️Поддержка цветовых профилей и различных цветовых режимов
▫️Средства анимации с предварительным просмотром в реальном времени
▫️Экспорт/импорт анимации в/из листов спрайтов, файлов GIF или последовательности файлов PNG
▫️Специальные инструменты для пиксельной графики
▫️Одновременное преобразование нескольких кадров/слоев
▫️Возможности Lua-скриптинга
▫️CLI — интерфейс командной строки для автоматизации задач

https://github.com/aseprite/aseprite

Javascript

07 April 2026 12:15

Server Actions создают публичные конечные точки, поэтому не забудьте защитить их, как и маршруты API.

Javascript

04 April 2026 13:01

🌟 DOOM на CSS

Представлен проект cssDOOM, подготовивший реализацию игры DOOM, использующую для отрисовки только CSS, без применения элемента canvas и WebGL.

Всё что выводится на экран, включая спрайты, текстурированные стены, уровни и эффекты, оформлено через стилизованные при помощи CSS элементы <div>, размещаемые в 3D-пространстве при помощи CSS-свойств "transform" и"transform-style: preserve-3d". Игровая логика написана на JavaScript, используя в качестве эталона оригинальный код игры DOOM, открытый компанией id Software. Наработки проекта опубликованы под лицензией GPLv2.

https://cssdoom.wtf/

Javascript

31 March 2026 18:35

Совет по CSS 💡

Знаете ли вы, что свойство gap можно использовать и для макета flexbox? ✨

Javascript

31 March 2026 12:10

⚡️ CSS Spinners. - 3 разных анимации загрузки для сайта.

https://codepen.io/timhilton/pen/ZEVzRgG

Javascript

26 March 2026 18:19

🧩 Collaborator: Инновационная среда для разработки с агентами

Collaborator — это приложение для macOS, которое объединяет терминалы, файлы и код на одном бесконечном холсте. Упрощает работу, устраняя необходимость в переключении между вкладками. Приложение активно разрабатывается и предназначено для локального использования.

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

📌 GitHub: https://github.com/collaborator-ai/collab-public

#javascript

Javascript

26 March 2026 12:06

✔️ DeepMind сделала браузер-генератор сайтов на Gemini 3.1 Flash-Lite.

Концепт, который работает внутри AI Studio, пишет HTML и CSS прямо в процессе серфинга вместо загрузки готовых страниц с серверов. Внешний вид и контент формируются на основе промптов, кликов и контекста навигации.

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

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


@ai_machinelearning_big_data

#news #ai #ml

Javascript

24 March 2026 11:10

Мигающие маяки

Карта показывает маяки, запрашивая информацию из Overpass API. Написано на JS.

https://github.com/geodienst/lighthousemap

Javascript

22 March 2026 13:04

Animated Upload Modal

Автор создает модальное окно для загрузки файлов на веб-странице. Модальное окно позволяет пользователю выбрать файл для загрузки, отслеживает процесс загрузки с помощью прогресс-бара и отображает различные состояния загрузки, такие как успешная загрузка или ошибка.

Для реализации данной функциональности используются HTML, CSS и JavaScript. В частности, HTML используется для создания структуры модального окна, CSS - для стилизации иконок и оформления окна, а JavaScript - для обработки действий пользователя, отслеживания состояний загрузки и визуализации этих состояний.

Нет использования фреймворков, но код использует библиотеку crypto в классе Utils для генерации случайных чисел.

🌐Ссылка на код

Javascript

21 March 2026 07:33

🔥 Полезная подборка каналов только код, практика и самые передовые инструменты, которые используют разработчики прямо сейчас.👇

🖥 ИИ: t.me/ai_machinelearning_big_data

🖥 Python: t.me/pythonl

🖥 Linux: t.me/linuxacademiya

🖥 C++ t.me/cpluspluc

🖥 Docker: t.me/DevopsDocker

🖥 Хакинг: t.me/linuxkalii

🖥 Devops: t.me/DevOPSitsec

👣 Golang: t.me/Golang_google

🖥 Аналитика: t.me/data_analysis_ml

🖥 Javascript: t.me/javascriptv

🖥 C#: t.me/csharp_ci

🖥 Java: t.me/javatg

🖥 Базы данных: t.me/sqlhub

👣 Rust: t.me/rust_code

🤖 Технологии: t.me/vistehno

💰 Экономика и инвестиции в ИИ t.me/financeStable

💼 Актуальные вакансии: t.me/addlist/_zyy_jQ_QUsyM2Vi


🖥Подборка по Golang: /channel/addlist/MUtJEeJSxeY2YTFi
⚡️ Лучшие ИИ ресурсы: /channel/addlist/2Ls-snqEeytkMDgy

Max ИИ: https://max.ru/ai_machinelearning_big_data
Max Ml: https://max.ru/vistehno
Max python: https://max.ru/pythonl
Max Go: https://max.ru/Golang_google
Max Linux: https://max.ru/linuxkalii
Max Java: https://max.ru/javatg
Max Sql: https://max.ru/sqlhub
Max Devops: https://max.ru/DevOPSitsec
Анализ данных: https://max.ru/data_analysis_ml
C++ : https://max.ru/cpluspluc
C#: https://max.ru/csharp_ci

🖥 Chatgpt бот в тг: t.me/Chatgpturbobot
📚 Бесплатные ит-книги: /channel/addlist/HwywK4fErd8wYzQy