WebDev+ | Веб-разработка
رفتن به کانال در Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
نمایش بیشتر
شبکه:8 213
مشترکین
-724 ساعت
+637 روز
+24230 روز
در حال بارگذاری داده‌ها
کانال‌های مشابه
ابر برچسب‌ها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
اکتبر '26اکتبر '26
اکتبر '26
+358
در 1 کانال‌ها
سپتامبر '26
+33
در 0 کانال‌ها
Get PRO
اوت '26
+45
در 0 کانال‌ها
Get PRO
ژوئیه '26
+70
در 0 کانال‌ها
Get PRO
ژوئن '26
+53
در 2 کانال‌ها
Get PRO
مه '26
+43
در 0 کانال‌ها
Get PRO
آوریل '26
+40
در 0 کانال‌ها
Get PRO
مارس '26
+34
در 0 کانال‌ها
Get PRO
فوریه '26
+26
در 3 کانال‌ها
Get PRO
ژانویه '26
+42
در 3 کانال‌ها
Get PRO
دسامبر '25
+200
در 9 کانال‌ها
Get PRO
نوامبر '25
+504
در 318 کانال‌ها
Get PRO
اکتبر '25
+24
در 0 کانال‌ها
Get PRO
سپتامبر '25
+49
در 1 کانال‌ها
Get PRO
اوت '25
+63
در 0 کانال‌ها
Get PRO
ژوئیه '25
+828
در 282 کانال‌ها
Get PRO
ژوئن '25
+323
در 1 کانال‌ها
Get PRO
مه '25
+205
در 0 کانال‌ها
Get PRO
آوریل '25
+1 473
در 0 کانال‌ها
Get PRO
مارس '25
+674
در 0 کانال‌ها
Get PRO
فوریه '25
+470
در 0 کانال‌ها
Get PRO
ژانویه '25
+69
در 0 کانال‌ها
Get PRO
دسامبر '24
+74
در 0 کانال‌ها
Get PRO
نوامبر '24
+14
در 0 کانال‌ها
Get PRO
اکتبر '24
+24
در 0 کانال‌ها
Get PRO
سپتامبر '24
+18
در 0 کانال‌ها
Get PRO
اوت '24
+43
در 0 کانال‌ها
Get PRO
ژوئیه '24
+93
در 0 کانال‌ها
Get PRO
ژوئن '24
+58
در 0 کانال‌ها
Get PRO
مه '24
+84
در 0 کانال‌ها
Get PRO
آوریل '24
+105
در 0 کانال‌ها
Get PRO
مارس '24
+100
در 0 کانال‌ها
Get PRO
فوریه '24
+121
در 0 کانال‌ها
Get PRO
ژانویه '24
+159
در 0 کانال‌ها
Get PRO
دسامبر '23
+199
در 0 کانال‌ها
Get PRO
نوامبر '23
+351
در 0 کانال‌ها
Get PRO
اکتبر '23
+291
در 0 کانال‌ها
Get PRO
سپتامبر '23
+583
در 0 کانال‌ها
Get PRO
اوت '23
+1 008
در 0 کانال‌ها
Get PRO
ژوئیه '23
+1 427
در 0 کانال‌ها
Get PRO
ژوئن '23
+912
در 0 کانال‌ها
Get PRO
مه '23
+404
در 0 کانال‌ها
Get PRO
آوریل '23
+287
در 0 کانال‌ها
Get PRO
مارس '23
+154
در 0 کانال‌ها
Get PRO
فوریه '23
+68
در 0 کانال‌ها
Get PRO
ژانویه '23
+57
در 0 کانال‌ها
Get PRO
دسامبر '22
+78
در 0 کانال‌ها
Get PRO
نوامبر '22
+292
در 0 کانال‌ها
Get PRO
اکتبر '22
+100
در 0 کانال‌ها
Get PRO
سپتامبر '22
+116
در 0 کانال‌ها
Get PRO
اوت '22
+86
در 0 کانال‌ها
Get PRO
ژوئیه '22
+116
در 0 کانال‌ها
Get PRO
ژوئن '22
+127
در 0 کانال‌ها
Get PRO
مه '22
+129
در 0 کانال‌ها
Get PRO
آوریل '22
+137
در 0 کانال‌ها
Get PRO
مارس '22
+168
در 0 کانال‌ها
Get PRO
فوریه '22
+164
در 0 کانال‌ها
Get PRO
ژانویه '22
+270
در 0 کانال‌ها
Get PRO
دسامبر '21
+258
در 0 کانال‌ها
Get PRO
نوامبر '21
+508
در 0 کانال‌ها
Get PRO
اکتبر '21
+309
در 0 کانال‌ها
Get PRO
سپتامبر '21
+309
در 0 کانال‌ها
Get PRO
اوت '21
+80
در 0 کانال‌ها
Get PRO
ژوئیه '21
+166
در 0 کانال‌ها
Get PRO
ژوئن '21
+459
در 0 کانال‌ها
Get PRO
مه '21
+515
در 0 کانال‌ها
| تاریخ | رشد مشترکین | اشارات | کانال‌ها | |
| 26 اکتبر | +11 | |||
| 25 اکتبر | +1 | |||
| 24 اکتبر | +3 | |||
| 23 اکتبر | +3 | |||
| 22 اکتبر | +11 | |||
| 21 اکتبر | +20 | |||
| 20 اکتبر | +31 | |||
| 19 اکتبر | +17 | |||
| 18 اکتبر | +16 | |||
| 17 اکتبر | +19 | |||
| 16 اکتبر | +33 | |||
| 15 اکتبر | +60 | |||
| 14 اکتبر | +52 | |||
| 13 اکتبر | +28 | |||
| 12 اکتبر | +39 | |||
| 11 اکتبر | +2 | |||
| 10 اکتبر | +2 | |||
| 09 اکتبر | +2 | |||
| 08 اکتبر | 0 | |||
| 07 اکتبر | +1 | |||
| 06 اکتبر | +1 | |||
| 05 اکتبر | 0 | |||
| 04 اکتبر | +4 | |||
| 03 اکتبر | +1 | |||
| 02 اکتبر | +1 | |||
| 01 اکتبر | 0 |
پست‌های کانال
Port-Whisperer — это удобный CLI-инструмент, который показывает, что запущено на твоих портах, и помогает управлять лишними процессами.
→ вывести список всех активных портов
→ посмотреть, какое приложение использует каждый порт
→ завершать процессы на неиспользуемых портах
→ мониторить порты в реальном времени
| 2 |  Не забывай вовремя отменять fetch-запросы
Если этого не делать, вызовы будут висеть в состоянии pending бесконечно (или пока их не завершит что-то извне), и твой UI, скорее всего, зависнет.
Для более простого решения используйте AbortSignal.timeout 👍 | 291 |
| 3 |  Бесплатный инструмент для генерации красивых градиентных анимаций на сайт. Прост в использовании и позволяет быстро собирать кастомные анимированные градиенты
Пробуем здесь, GitHub тут | 348 |
| 4 |  Инструмент, который пошагово визуализирует выполнение JS-кода
Пишешь код в редакторе, двигаешь слайдер и смотришь, как движок выполняет каждую инструкцию. Очень полезно, чтобы понять что происходит «под капотом»
Пробуем здесь, исходники на GitHub | 362 |
| 5 |  Визуализатор регулярных выражений для JavaScript
Инструмент позволяет наглядно посмотреть и понять сложные регулярные выражения, представляя их в удобочитаемом и графическом формате
https://jex.im/regulex/ | 353 |
| 6 |  Идеальный пример использования функции if() в CSS от Arbaoui Mehdi. Функция if() в CSS позволяет внедрять условную логику прямо в стилях | 374 |
| 7 |  align-content: center теперь работает и с обычными блочными элементами. Без flex и grid.
Поддерживается всеми основными браузерами с апреля 2024 года (Chrome 123, Firefox 125, Safari 17.4). С 16 октября доступно практически повсеместно.
Раньше для вертикального центрирования одного элемента приходилось превращать контейнер во flex-колонку. Теперь достаточно одной строки. | 391 |
| 8 |  بدون متن... | 432 |
| 9 |  Собрал полезные инструменты для создания интерфейсов, поиска вдохновения, работы с ИИ и автоматизации разработки.
1. Open Design — open-source пространство для создания и редактирования дизайна с помощью ИИ.
2. VibePrompts — библиотека готовых промптов для генерации UI. Полезно для вайбкодинга и быстрого создания интерфейсов.
3. Git AI — open-source инструмент для работы с Git, ориентированный на ИИ-агентов и автоматизацию разработки.
4. Hairline — коллекция из 33 бесплатных анимированных фигур для React. Подойдёт для современных сайтов и необычных интерфейсов.
5. Oiloil UI — бесплатные инструменты и ресурсы для UI/UX-дизайна с использованием искусственного интеллекта.
6. Webzib — более 2400 идей для веб-дизайна. Отличный источник вдохновения для новых проектов. | 451 |
| 10 |  Spring Boot API отвечает тайм-аутами, а PostgreSQL выглядит здоровым?
CPU в норме, медленных запросов нет. Причина может быть в исчерпании пула соединений HikariCP. Когда все соединения заняты, новые запросы ждут освобождения одного из них. Если время ожидания превышает connectionTimeout, получение соединения завершается ошибкой.
Особенно коварны долгие транзакции: приложение может удерживать соединение, пока ждёт внешний API, хотя сама база в этот момент почти не работает.
В статье разбираются:
• Причины исчерпания пула.
• Влияние долгих транзакций.
• Диагностика по метрикам HikariCP.
• Практические способы устранения проблемы.
Читать статью | 463 |
| 11 |  JavaScript продолжает развиваться! Готовится поддержка объектов со сравнением по значению.
Предложение Composites перешло на Stage 2 в TC39.
Два объекта с одинаковым содержимым смогут быть равны при сравнении через ===, даже если они созданы отдельно друг от друга.
Сравнение по значению также будет работать в Set и при использовании объектов в качестве ключей Map. | 500 |
| 12 |  Простой способ сделать выпадающие списки более приятными – учитывать точку их появления (origin-aware).
Они должны масштабироваться от элемента-триггера. В данном случае – transform-origin: top left
По умолчанию используется значение center, и это ощущается неправильно, потому что элемент будто появляется из ниоткуда | 546 |
| 13 |  Это веб-приложение позволяет создавать полностью кастомные темы для Shadcn практически без усилий. Ты можешь собирать собственные цветовые схемы, смотреть превью в реальном времени и экспортировать всю тему для использования в своих проектах
Также есть раздел сообщества, где можно просматривать темы, созданные другими, и ремиксить их под себя. | 552 |
| 14 |  Свойство shape-outside
Определяет форму, вокруг которой должно обтекаться соседнее встроенное содержимое. Обычно это делается для того, чтобы текст мог перерисовываться по такой фигуре, как круг, эллипс или многоугольник
.column--left .shape {
float: right;
shape-outside: circle(100px at 100% 50%);
}
Подборка примеров использования этого свойства: тык | 599 |
| 15 | بدون متن... | 593 |
| 16 |  Набор полезных пользовательских CSS-функций, который работает на новой нативной директиве @function. Никакой сборки, просто копируете код и используете. Может работать по принципу reset.css
Проект ещё в разработке, но уже насчитывает ~43 функции разных категорий, их список тут
Демка тоже есть | 580 |
| 17 |  Атрибут command позволяет вызывать методы DOM-элементов.
Работает в Chrome, Edge, Firefox и скоро появится в Safari.
Вот так можно открывать/закрывать модалки всего двумя строками HTML. | 650 |
| 18 |  Гайд по тому, как прокачать навык работы с дейтпикерами в JS
Ты найдёшь примеры, понятные объяснения и отличный визуальный формат, который помогает разобраться во всех тонкостях создания дейтпикеров на чистом JavaScript.
Читайте здесь | 651 |
| 19 |  Небольшая коллекция красивых переходов
Внутри готовые анимации для карточек, меню, уведомлений, загрузок, переключателей и других элементов интерфейса. Всё можно сразу посмотреть, скопировать и украсть себе в проект.
https://transitions.dev/ | 640 |
| 20 |  Blossom — это опенсорс система каруселей с огромным количеством красивых паттернов и готовых примеров. Также в комплекте идут навыки для AI-агентов, а ещё есть поддержка React, Vue, Svelte и Web Components.
github.com/jespervos/blossom-carousel | 631 |
