Вайб кодинг
2.6K subscribers
1.16K photos
151 videos
53 files
221 links
Кодим с ИИ + мозги

Авторский канал, сотрудничество: @hand_of_ragnaros
Download Telegram
initial, inherit, unset и revert: доступное объяснение ключевых слов CSS на практике

Поиграть можно здесь

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
at(index) в действии, или Как выбрать последний элемент массива самым простым способом

<array>.lastItem кажется более очевидным способом в данном случае.

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Response-print-pdf — UI Kit для создания PDF-файлов с использованием React и TypeScript.

Забудьте о docx, latex или устаревших библиотеках. С помощью react-print-pdf вы получите:

- Простоту в использовании
- Готовые компоненты и шаблоны
- 100% контроль макета
- Интеграция динамических данных в PDF-файл

👉 GitHub

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Ваш ультимативный набор шпаргалок для разработки на 2024 год

Эти шпаргалки сэкономят вам часы бесконечного гугления и упростят процесс кодинга.

🔗 Читать статью
🔗 Зеркало

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Во время отладки иногда может быть полезно просмотреть все event listener’ы, прикрепленные к элементу, и удалить их один за другим, чтобы найти основную причину проблемы.

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Простой способ сохранения элемента видимым, но недоступным: на заметку фронтенд-разработчику

➡️ Поиграть можно здесь

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🤍Подборка полезных JavaScript-библиотеки для реализации красивых анимаций:

🔹 Three.js
🔹 Mo.js
🔹 AniJS
🔹 GSAP (GreenSock Animation Platform)
🔹 Typed.js
🔹 Lottie
🔹 Anime.js
🔹 Popmotion
🔹 Framer Motion
🔹 ScrollMagic

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Простой способ обработки темной/светлой цветовой схемы с помощью light-dark(): на заметку фронтенд-разработчику

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Proxy в JavaScript и TypeScript: 7 способов использования

Объект Proxy в JavaScript/TypeScript — суперполезный инструмент, который открывает множество возможностей для управления и манипуляции объектами и функциями. Рассмотрим несколько практических примеров использования Proxy для кэширования, логирования, динамической валидации и вызова методов цепочкой.

👉 Читать статью

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
Коллекция современных руководств по производительности веб-сайтов

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

👉 Читать

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM