🤩 Миллион маленьких секретов

В течение нескольких месяцев Josh Comeau работал над третьим онлайн-курсом Whimsical Animations. Он посвящен созданию анимации и интерактивных элементов страниц.

Под катом он делится множественными интересными наработками, включая уникальные интерактивные элементы, анимации, частицы, SVG-анимации и даже звуковые эффекты.

👉 Читать

💡Использование isolation: isolate помогает избежать неожиданных проблем со слоями (z-index) и позволяет группировать элементы в свой стековый контекст без вмешательства других элементов страницы.

#css #tip by Shripal Soni

🖼️ Что такое TypeScript? Обзор для JavaScript-разработчиков

Краткое введение в тему «Как использовать TypeScript» от Dr. Axel Rauschmayer, из которого вы получите ответы на следующие вопросы:

❣️Чем код TypeScript отличается от кода JavaScript?
❣️Как выполняется код TypeScript?
❣️Как TypeScript помогает при редактировании в IDE? И другие.

👩‍💻 Подборка React-библиотек на 2025 год: традиционный обзор от фронтенд-разработчика Robin Wieruch

Представленные библиотеки являются строительными блоками для разработки крупномасштабных приложений с помощью React.

Независимо от того, являетесь ли вы новичком или опытным разрабом, руководство поможет легко ориентироваться в обширной экосистеме React.

👉 Читать

📝 Промпт для интеграции сторонних сервисов в проекты на JavaScript

Интеграция сторонних сервисов в JS-проекты — частая практика. Используйте этот промпт для ChatGPT или Claude, чтобы ускорить процесс:

Explain the process of integrating third-party services and APIs into a custom JavaScript solution for {topic}, focusing on interoperability and seamless workflows

➡️Пример:

Building a D3.js-based data visualization tool that simplifies creating dynamic charts and graphs. The tool is designed for web designers, allowing them to effortlessly incorporate captivating visuals into projects.

⚡️Какие промпты вы обычно используйте для таких случаев? Делитесь в комментариях👇

🐸 Библиотека фронтендера #буст

🏃‍♀️ 40+ каналов, которые должен читать каждый разработчик

Отобрали для вас полезные и проверенные каналы для программистов — в них вы найдете все самое интересное, от технических новостей до практических гайдов.

IT Job Hub | Работа и вакансии в IT — избранные IT-вакансии

Библиотека программиста — новости из мира IT и технологий

Книги для программистов — самые годные книги по любым языкам и стекам

IT-мемы — мемы про жизу айтишника

Proglib Academy — обучение и курсы, чтобы стать топовым специалистом

Азбука айтишника — азы из мира разработки

Библиотека нейросетей — лайфхаки и промпты для разных задач, баттлы нейронок и новости из мира ИИ

Библиотека фронтендера — все о JS, React, Angular и не только

Библиотека мобильного разработчика — лайфхаки и новости из мира Swift и Kotlin

Библиотека хакера — уязвимости, атаки, бэкдоры и как от них защититься

Библиотека тестировщика — самое интересное о том, как крашить код

🦫 Go
Библиотека Go-разработчика
Библиотека задач по Go
Библиотека Go для собеса
Вакансии по Go

#️⃣ C#
Библиотека шарписта
Библиотека задач по C#
Библиотека собеса по C#
Вакансии по C#

🔧 DevOps
Библиотека devops’а
Библиотека задач по DevOps
Библиотека собеса по DevOps
Вакансии по DevOps & SRE

🐘 PHP
Библиотека пхпшника
Библиотека задач по PHP
Библиотека PHP для собеса
Вакансии по PHP, Symfony, Laravel

🐍 Python
Библиотека питониста
Библиотека Python для собеса
Библиотека задач по Python
Вакансии по питону, Django, Flask

☕️ Java
Библиотека джависта
Библиотека задач по Java
Библиотека Java для собеса
Вакансии по Java

📊 Data Science
Библиотека дата-сайентиста
Библиотека задач по Data Science
Библиотека Data Science для собеса
Вакансии по Data Science

🎮 C++
Библиотека C/C++ разработчика
Библиотека задач по C++
Библиотека C++ для собеса
Вакансии по C++

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

🤦‍♂️ Фронтендеры, мы или не мы?

🐸 Библиотека фронтендера #развлекалово

🔥 Дайджест новостей за неделю: ключевые обновления во фронтенд-разработке с упором на JavaScript

💚 Анонсирован новый выпуск TypeScript. Версия 5.8 ориентирована на Node. Теперь вы можете использовать require() для ES-модулей в режиме nodenext, работать с новым модулем node18, который ориентирован на разработчиков, поддерживающих Node.js 18, применять новую опцию --erasableSyntaxOnly, исключающую любые TypeScript-специфичные конструкции на этапе исполнения.

💚 Команда Svelte делится последними обновлениями за месяц.

💚 Люди, стоящие за исследованием State of JS, проводят State of Web Dev AI, новое исследование, посвящённое использованию ИИ в современной веб-разработке.

💚 TanStack Form v1.0: headless, типобезопасное управление состоянием форм.

💚 Electron 35.0: теперь можно подключать preload-скрипты к Service Workers. Зависимости также обновлены до Chromium 134 и Node 22.14.

💚 Angular 19.2: представлены новые API и экспериментальные фичи, расширяющие возможности разработчиков.

💚 Мартовский выпуск React Aria: фантастический набор компонентов React от Adobe.

💚 zx 8.4: инструмент Google для улучшения скриптов Node.

💚 PDFSlick 2.2: полнофункциональный просмотрщик PDF-файлов в приложениях React, SolidJS, Svelte и JavaScript.

💚 Cropper.js 2.0: управление обрезкой изображений с помощью JavaScript.

💚 Perspective 3.4: компонент визуализации и аналитики потоковых данных.

💚 Happy DOM 17.4.3: кроссплатформенная реализация JS для веб-браузера без UI.

💚 EasyMDE 2.20: простой редактор Markdown.

💚 LogTape 0.9: простая библиотека логирования для всех основных рантаймов JS.

💚 eslint-plugin-vue v10.0.0, Readability.js 0.6, NodeBB 4.1.

🐸 Библиотека фронтендера #свежак

🧙 Робин Лорд создал интерактивную браузерную игру для изучения HTML и CSS

Каждый уровень будет сложнее предыдущего, но не волнуйтесь — вы найдёте подсказки и советы, которые помогут вам научиться новому и запомнить то, что вы уже узнали.

👉 Играть

🐸 Библиотека фронтендера #свежак

😧 58% IT-специалистов страдают: психология успеха и борьба с синдромом самозванца

Синдром самозванца — не просто модный термин, а реальная проблема, с которой сталкиваются даже опытные разработчики. Почему так происходит и как с этим бороться? Разбираемся в причинах «стандартной болезни айтишников»

➡️ Читайте в статье

Спойлер: дело не в навыках, а в психологии успеха

🐸Библиотека шарписта

🌐 Упрощенный синтаксис написания CSS range поддерживается во всех современных браузерах с марта 2023 года.

Вместо

@media screen and (max-width: 359px) { }
@media screen and (min-width: 360px) { }
@media screen and (min-width: 1100px) and (max-width: 1320px) { }

используем:

@media screen and (width < 360px) { }
@media screen and (width >= 360px) { }
@media screen and (1100px <= width <= 1320px) { }

🐸 Библиотека фронтендера #буст