uk
Feedback
webguild - українська IT-спільнота 🇺🇦

webguild - українська IT-спільнота 🇺🇦

Відкрити в Telegram

Посилання на канал: @webguild Співпраця: @johngaltua

Показати більше

📈 Аналітичний огляд Telegram-каналу webguild - українська IT-спільнота 🇺🇦

Канал webguild - українська IT-спільнота 🇺🇦 (@webguild) у мовному сегменті Українська є активним учасником. На даний момент спільнота об'єднує 54 714 підписників, посідаючи 2 431 місце в категорії Технології та додатки та 1 039 місце у регіоні Україна.

📊 Показники аудиторії та динаміка

З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 54 714 підписників.

За останніми даними від 23 червня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -1 218, а за останні 24 години на -45, загальне охоплення залишається високим.

  • Статус верифікації: Не верифікований
  • Рівень залученості (ER): Середній показник залученості аудиторії становить 7.52%. Протягом перших 24 годин після публікації контент зазвичай збирає 1.75% реакцій від загальної кількості підписників.
  • Охоплення публікацій: В середньому кожен допис отримує 4 115 переглядів. Протягом першої доби публікація в середньому набирає 960 переглядів.
  • Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 33.
  • Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як memes, resources, projects, робототехніка, figma.

📝 Опис та контентна політика

Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
Посилання на канал: @webguild Співпраця: @johngaltua

Завдяки високій частоті оновлень (останні дані отримано 24 червня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.

54 714
Підписники
-4524 години
-2537 днів
-1 21830 день
Архів дописів
Animated SVG [no JS] — SVG анімація головної сторінки на чистому CSS Технології: HTML, CSS webguild 🇺🇦 › #projects 👇Код доступний за кнопкою 👇

Світіння по контуру фігури у Figma 👾 webguild 🇺🇦 | #uiux #figma
+8
Світіння по контуру фігури у Figma 👾 webguild 🇺🇦 | #uiux #figma

Як правильно задавати тінь для зображення у CSS? 👀 Перше, що приходить на розум — box-shadow, але багато хто забуває, що для цього є filter:drop-shadow() webguild 🇺🇦 › #learnCSS

svgrepo.com — каталог з 500 000+ безкоштовних векторних іконок. Всі іконки з відкритою ліцензією для особистого та комерційно
svgrepo.com — каталог з 500 000+ безкоштовних векторних іконок. Всі іконки з відкритою ліцензією для особистого та комерційного викорстання, є можливість кастомізації. Посилання webguild 🇺🇦 › #resources

Заходьте в наш чатик, поспілкуємось 🐳 @webguildchat
Заходьте в наш чатик, поспілкуємось 🐳 @webguildchat

Підбірка градієнтів для ваших проектів ✨ webguild 🇺🇦 › #uiux
+5
Підбірка градієнтів для ваших проектів webguild 🇺🇦 › #uiux

Git - це незамінний інструмент для керування версіями програмного коду, який дозволяє розробникам зберігати копії коду та відслідковувати зміни, ефективно працювати у команді. У цій статті я зібрав для вас основні команди Git. 🥹 Завдяки цим командам ви зможете створювати нові репозиторії, додавати, видаляти та комітити зміни, переглядати історію змін та багато іншого. Незалежно від того, чи ви новачок у світі програмування, чи досвідчений розробник, знання основних команд Git необхідно. webguild 🇺🇦 › #general

Starfield Animation — анімований задній фон 🌠 Технології: HTML, CSS, JS webguild 🇺🇦 › #projects 👇Код доступний за кнопкою 👇

Що буде виведено у консоль?
Anonymous voting

music player widget — музичний плеєр на ReactJS 🥱 Технології: HTML, CSS, JS webguild 🇺🇦 › #projects 👇Код доступний за кнопкою 👇

Реалістичний перемикач у Figma 👾 webguild 🇺🇦 | #uiux #figma
+9
Реалістичний перемикач у Figma 👾 webguild 🇺🇦 | #uiux #figma

box-reflect в CSS - це властивість, яка дозволяє створювати eфект відображення (відбиття) для елементів на веб-сторінці. Ця властивість особливо корисна для створення стилізованих тіней чи віддзеркалень. Щоб використовувати box-reflect, ви можете вказати кут, який визначає напрямок відображення, а також вид затемнення чи прозорості відбиття. Приклад:
.logo {
 -webkit-box-reflect: below 0 linear-gradient(transparent, white);
}
У цьому прикладі, box-reflect створює відображення нижче елементу з використанням градієнту з прозорістю. Підтримка 93% — caniuse (Firefox пасе задніх) Детальніше — MDN webguild 🇺🇦 › #learnCSS

Neon Clock (CSS) — цікава реалізація неонового годинника 🥹 Технології: HTML, CSS, JS webguild 🇺🇦 › #projects 👇Код доступний за кнопкою 👇

Макет для практики Складність: легка Посилання webguild 🇺🇦 › #uiux #figma

Вітаю усіх з Новим Роком🎄 Найголовніше бажання в цьому році — мирне небо ✨ Усім процвітання, успіхів в усіх починаннях, здоровʼя, щастя та всього самого найкращого!🎉

З мурахоїда по лайку 🙈 webguild 🇺🇦 › #memes
З мурахоїда по лайку 🙈 webguild 🇺🇦 › #memes