Table tenniCSS

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

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

@javascriptv

🎮 Elden GitHub: Погрузитесь в мир Elden Ring на GitHub!

Этот репозиторий предлагает уникальный опыт взаимодействия с GitHub, вдохновленный атмосферой Elden Ring. Исследуйте, создавайте и делитесь своими проектами в стиле любимой игры.

🚀Основные моменты:
- Интерактивные элементы, основанные на Elden Ring.
- Уникальный интерфейс для работы с репозиториями.
- Возможность делиться опытом с другими пользователями.
- Поддержка различных функций GitHub в игровом контексте.

📌 GitHub: https://github.com/SaltyAom/elden-github

#javascript

⚡ Full-Stack Next.js + Cloudflare Template

Шаблон для создания полнофункциональных приложений на Next.js 15 с использованием инфраструктуры Cloudflare. Идеален для MVP и масштабируемых решений, обеспечивая высокую производительность и безопасность.

🚀Основные моменты:
- Полная интеграция с Cloudflare Workers и D1/R2
- Использует современные возможности Next.js, включая Server Components
- Поддержка TypeScript для безопасной разработки
- Автоматизированные CI/CD процессы через GitHub Actions
- Глобальная доступность и низкая задержка

📌 GitHub: https://github.com/ifindev/fullstack-next-cloudflare

#javascript

МТС приглашает всех, кто пишет на С++, Go, Python, JS, Java, C# и других языках, на True Tech Champ — всероссийский чемпионат по программированию. Соревнование будет проходить в двух треках.

Трек 1. Алгоритмический. Индивидуальный зачет [призовой фонд 2 750 000 рублей]

Реши задачи, которые помогут прокачаться в работе с алгоритмами и структурами данных. Похожие задания встречаются на собеседованиях в МТС и других крупных компаниях. До 240 лучших участников попадут в финал и сразятся в лайв-кодинге.

Трек 2. Программирование роботов. Командный формат [призовой фонд 7 500 000 рублей]

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

🎁 Организаторы отправят командам финалистов по одному роботу Waveshare Cobra Flex для кастомизации. После соревнований они останутся у участников в качестве подарка.

📍 Зрелищный шоу-финал с ИИ-технологиями, кодерскими челленджами и выступлениями международных и российских спикеров пройдет 21 ноября в МТС Live Холл.

Стоит участвовать, чтобы:
— Освежить знания и прокачать новые навыки.
— Заявить о себе на всю страну, получить карьерный буст и шанс лично пообщаться с HR-специалистами МТС.

⏰ Регистрация участников до 20 октября на сайте.

🛠️📊 Логирование разработки с AI-поддержкой

Dev3000 собирает полную хронологию разработки вашего веб-приложения, включая логи сервера, события браузера и автоматические скриншоты. Этот инструмент упрощает отладку, позволяя AI-ассистентам, таким как Claude, анализировать все данные в одном месте.

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

📌 GitHub: https://github.com/vercel-labs/dev3000

#javascript

🧩 Примеры приложений для Apps SDK от OpenAI

Этот репозиторий демонстрирует примеры UI-компонентов и MCP-серверов для создания приложений на базе ChatGPT. Он служит отправной точкой для разработки собственных приложений, используя Model Context Protocol для интеграции инструментов и интерфейсов.

🚀 Основные моменты:
- Примеры компонентов для Apps SDK.
- Демонстрация работы MCP-серверов.
- Поддержка различных языков программирования (Node.js, Python).
- Возможность создания и кастомизации собственных виджетов.
- Легкая интеграция с ChatGPT.

📌 GitHub: https://github.com/openai/openai-apps-sdk-examples

#typescript

📝🚀 Gramax: Документация как код

Gramax — это бесплатное приложение с открытым исходным кодом для создания, редактирования и публикации документации в формате Markdown. Оно обеспечивает локальное хранение данных и интеграцию с Git, что делает его идеальным для командной работы и оффлайн-доступа. Подходит для создания документации продуктов, внутренних баз знаний и личных заметок.

🚀Основные моменты:
- Интуитивно понятный визуальный редактор для Markdown.
- Кроссплатформенное приложение: Windows, Mac, Linux и веб-версия.
- Поддержка 17 языков для многоязычной документации.
- Гибкая настройка стилей и публикация на собственном сайте.
- Импорт из Confluence и Notion с сохранением формата.

📌 GitHub: https://github.com/Gram-ax/gramax

💡Приглашаем на бесплатный вебинар курса “Разработчик Битрикс24”: «Компонент списка таблицы БД»

Когда: 27 октября, 20:00 (мск)

О вебинаре

Узнайте, как работать с компонентами списка и фильтра в Битрикс24 для вывода данных в списочном виде. На открытом уроке курса Разработчик Битрикс24 разберём, как использовать компоненты bitrix:main.ui.grid и bitrix:main.ui.filter, интегрировать их в CRM и работать с PHP и JS API.

Вопросы вебинара:

- Работа с компонентами bitrix:main.ui.grid и bitrix:main.ui.filter.
- Вывод компонента на отдельной странице и во вкладке CRM.
- Использование PHP и JS API для этих компонентов.

Что освоите:

- Навыки работы с компонентами списка, фильтра и пагинации.
- Вывод данных в списочном виде в блоках CRM Битрикс24.
- Работа с данными в древовидной структуре.

👉 Зарегистрируйтесь: https://otus.pw/L1iw/?erid=2W5zFGYht2C

Прокачайте навыки разработки на Битрикс24!
Занятие приурочено к старту курса “Разработчик Битрикс24” в OTUS, обучение на котором позволит освоить компетенции по созданию и настройке решений для автоматизации бизнес-процессов в Битрикс24.

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

Люблю использовать CSS-анимацию, например, такую

.ring {
  animation: float 2s infinite alternate var(--ease);
  animation-delay: calc(
    sin((var(--index) / var(--count)) * 45deg)
    * -2s
  );
}