Javascript

10 May 2026 14:01

🚀 Mike: Полнофункциональный фронтенд и бэкенд для обработки документов

Mike — это открытый проект, объединяющий Next.js для фронтенда и Express API для бэкенда. Он обеспечивает доступ к Supabase и включает в себя обработку документов с возможностью миграции.

🚀 Основные моменты:
- Фронтенд на Next.js для динамичного интерфейса
- Бэкенд на Express с поддержкой Supabase
- Обработка документов и миграции базы данных
- Лицензия AGPL-3.0

📌 GitHub: https://github.com/willchen96/mike

Javascript

06 May 2026 13:01

🎮 Создание игр с OpenGame

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

🚀 Основные моменты:
- Полноценное создание игр от идеи до реализации.
- Использует GameCoder-27B для управления игровыми движками.
- Оценка качества игр с помощью OpenGame-Bench.
- Поддержка множества игровых жанров и стилей.

📌 GitHub: https://github.com/leigest519/OpenGame

Javascript

05 May 2026 12:04

🏄‍♂️ Приближаем лето всем фронтенд-сообществом

23 мая Яндекс Вертикали и Авто.ру собирают разработчиков на Vertis JS, чтобы обменяться опытом, понетворкаться и зарядиться летним настроением — вне зависимости от погоды🌴

♦️Приходите обсудить, как прокачать AI-агентов под реальные задачи и тестировать на телефоне без единого деплоя. Ребята из разных сервисов поделятся, как их команды выстраивают процессы, которые экономят время и снижают риски в продакшене.

В программе не только доклады: будут живые дискуссии, командный квиз, стенды с активностями и афтепати!

🔖 Смотрите подробности и регистрируйтесь. Встречаемся только в офлайне, количество мест ограничено.

Javascript

02 May 2026 17:20

Знаете ли вы, что можно изменить метод формы в HTML-форме, указав атрибут formMethod на кнопке?

Javascript

02 May 2026 13:03

🖥️✨ Hermes Web UI: Интуитивный веб-дашборд для управления AI чатами. Позволяет отслеживать использование, настраивать каналы и управлять заданиями через удобный интерфейс.

🚀Основные моменты:
- Мультисессионное управление чатами с поддержкой различных платформ.
- Аналитика использования токенов и отслеживание затрат.
- Настройка и управление заданиями по расписанию.
- Интегрированный терминал для работы с несколькими сессиями.

📌 GitHub: https://github.com/EKKOLearnAI/hermes-web-ui

#javascript

Javascript

28 April 2026 11:05

Timekeeping

Небольшое приложение - таймер, созданный на Vue и анимированный библиотекой gsap.

https://codepen.io/Sicontis/pen/qBVMzLj

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

08 May 2026 13:02

Scroll Reveal

В JS создана логика, которая определяет, находится ли элемент на экране, и исходя из этого показывает или скрывает элемент.

https://codepen.io/HighFlyer/pen/qByPyqr

Javascript

06 May 2026 08:14

Мне нужны такие краты

Javascript

04 May 2026 12:03

🎨 Создание диаграмм для вашего бренда

Этот репозиторий предлагает инструмент для генерации стильных диаграмм, которые соответствуют вашему бренду. Всего 13 типов диаграмм, включая архитектурные схемы и потоки, которые можно быстро настроить под ваши цвета и шрифты, просто указав URL вашего сайта.

🚀 Основные моменты:
- 13 типов диаграмм: от архитектуры до временных линий.
- Быстрая настройка под ваш бренд за 60 секунд.
- Доступны три варианта: минималистичный светлый, темный и полный редактор.
- Генерация диаграмм без необходимости в сборке или внешних изображениях.
- Легкий доступ к живой галерее для просмотра всех типов диаграмм.

📌 GitHub: https://github.com/cathrynlavery/diagram-design

#javascript

Javascript

02 May 2026 15:18

🖥 Курс «Git Pro: от первого коммита до уровня senior» - на Stepik

project_final_v2_FINAL_truly_final - знакомо?

Значит, пора.

Большинство разработчиков знают 5 команд Git и боятся шестую. Коммитят в main, гуглят «how to undo» и копируют папку «на всякий случай».

Это не работа - это выживание.

После курса вы:
— делаете rebase, не задерживая дыхание;
— разбираете конфликт на 200 файлов по алгоритму;
— возвращаете «потерянные навсегда» коммиты за 30 секунд через reflog;
— пишете историю, которую не стыдно показать на code review.
Git Flow, trunk-based, Pull Request, защита веток, CI/CD-хуки — всё, что отличает джуна от senior в командной работе.

Скидка 53%, 48 часов: https://stepik.org/course/284799/

Javascript

30 April 2026 13:00

Совет по Javascript 💡

Возможно вы не знаете об этом простом способе сортировки без учета регистра.

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
Места ограничены, регистрация обязательна. 👉