3D Galaxy Particles

Создано на canvas и анимировано с использованием TweenMax.

https://codepen.io/foretoo/details/zYjpYad

@javascriptv

⚙️ Metro UI — это современный фронтенд-фреймворк, который помогает разработчикам создавать быстрые и отзывчивые веб-приложения с приятным интерфейсом в стиле Metro. Его компоненты оптимизированы для мобильных устройств, а гибкость позволяет легко адаптировать проекты под любые экраны.

Фреймворк активно развивается: новые версии выходят почти каждую неделю, а сообщество в Discord всегда готово помочь. Хотя долгосрочная поддержка старых версий не предусмотрена, разработчики могут оставаться на проверенных релизах или оперативно обновляться для доступа к новым функциям.

🤖 GitHub

@javascriptv

💡 Полезный и не банальный совет по JavaScript

Используй Intl.NumberFormat вместо ручного форматирования чисел.
Это встроенный API, который учитывает локаль и правила форматирования.

Пример

const number = 1234567.89;

const us = new Intl.NumberFormat("en-US").format(number);
const de = new Intl.NumberFormat("de-DE").format(number);
const jp = new Intl.NumberFormat("ja-JP").format(number);

console.log(us); // 1,234,567.89
console.log(de); // 1.234.567,89
console.log(jp); // 1,234,568

✅ Удобно для:

- финансовых приложений
- отображения дат и валют
- интернационализации (i18n)

Не изобретай велосипед — используй возможности языка 😉

@javascripv

🌱 turfjs — это javascript библиотека позволяющая выполнять пространственный анализ прямо в браузере или через node.js.

Проект включает более 200 модулей для различных операций с geojson от простых измерений расстояний до сложных геостатистических расчетов. Библиотека работает в современных браузерах и поддерживает актуальные версии node.js. Инструмент также имеет модульную структуру и активную аудиторию сообщества.

🤖 Github

@javascriptv

🎯 Browserable — открытый инструмент для автоматизации браузера с помощью AI-агентов.

Что делает:
• Управляет браузером как человек: переходит по сайтам, кликает, заполняет формы, вытаскивает данные.
• Достигает 90.4 % на тесте Web Voyager — один из лучших результатов среди подобных решений.
• Работает локально (self-hosted) или через удалённые браузеры.
• Запуск в 1 команду (`npx browserable`) или в полном окружении через Docker.
• В комплекте: админ-панель, REST API, JavaScript/TypeScript SDK, интеграция с LLM (OpenAI, Claude, Gemini и др.).

Зачем полезно:
— Автопарсинг и мониторинг сайтов
— Автоматизация тестирования веб-приложений
— Интеграция с агентами для сложных сценариев в интернете

GitHub: https://github.com/browserable/browserable

👩‍💻 Готовы стать профи в Node.js-разработке и освоить самые востребованные технологии?

🔥 Курс «Node.js Developer» от OTUS – это ваш шанс научиться создавать высокопроизводительные серверные приложения с использованием Node.js, Express, TypeScript, GraphQL, Apollo и Nest.js. Мы фокусируемся на практических навыках, которые можно сразу применять в реальных проектах.

🦾 Освойте работу с базами данных MongoDB и PostgreSQL, научитесь создавать и оптимизировать запросы, а также внедрять лучшие практики разработки с TDD. Преподаватели-практики помогут вам разобраться в тонкостях разработки и архитектуры Node.js.

🎁 Дарим промокод, который дает скидку на обучение -  NODE8

➡️ Пройдите вступительное тестирование и присоединяйтесь к группе: https://otus.pw/192c/

#реклама
О рекламодателе

Сократите свой CSS-код с помощью :where()

Используйте псевдокласс-функцию :where(), когда нужно применить одинаковые стили к нескольким элементам, не беспокоясь о том, что порядок селекторов повлияет на специфичность правил. Это простой способ сделать CSS более предсказуемым и удобным для поддержки.

/* Without :where() */
.container > h1,
.container > .card h1,
.container > .card:last-child {
  border: 2px solid red;
  padding: 10px;
}

/* With :where() */
.container > :where(h1, .card .h1, .card:last-child) {
  border: 2px solid red;
  padding: 10px;
}

@javascriptv

✍️ Шпаргалка по всем CSS-брейкпоинтам для веб разработчиков

➡️ Для мобильных устройств: до 480 пикселей

➡️ Для очень маленьких устройств: от 481 до 767 пикселей

➡️ Для маленьких планшетов: от 768 до 991 пикселей

➡️ Большие планшеты /ноутбуки: от 992 до 1199 пикселей

➡️ Настольные компьютеры: от 1200 до 1919 пикселей

➡️ Очень большие экраны: от 1920 пикселей и выше

@javascriptv