CodePen Amazing
Відкрити в Telegram
Здесь вы найдёте самые клёвые проекты с CodePen! Смотрите, вдохновляйтесь, творите! Ссылка: @Portal_v_IT Сотрудничество: @oleginc, @tatiana_inc Канал на бирже: https://telega.in/c/codepen_amazing
Показати більше
Сітка:4 866
Підписники
+124 години
-127 днів
-4130 день
Триває завантаження даних...
Схожі канали
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.telemetr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=256&q=75)
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
липень '26
липень '26
+8
в 0 каналах
червень '26
+10
в 0 каналах
Get PRO
травень '26
+18
в 0 каналах
Get PRO
квітень '26
+9
в 0 каналах
Get PRO
березень '26
+11
в 0 каналах
Get PRO
лютий '26
+7
в 0 каналах
Get PRO
січень '26
+23
в 0 каналах
Get PRO
грудень '25
+21
в 0 каналах
Get PRO
листопад '25
+18
в 0 каналах
Get PRO
жовтень '25
+23
в 0 каналах
Get PRO
вересень '25
+11
в 0 каналах
Get PRO
серпень '25
+22
в 0 каналах
Get PRO
липень '25
+20
в 0 каналах
Get PRO
червень '25
+15
в 0 каналах
Get PRO
травень '25
+26
в 0 каналах
Get PRO
квітень '25
+16
в 0 каналах
Get PRO
березень '25
+30
в 0 каналах
Get PRO
лютий '25
+31
в 0 каналах
Get PRO
січень '25
+44
в 0 каналах
Get PRO
грудень '24
+36
в 1 каналах
Get PRO
листопад '24
+47
в 0 каналах
Get PRO
жовтень '24
+64
в 1 каналах
Get PRO
вересень '24
+51
в 0 каналах
Get PRO
серпень '24
+62
в 0 каналах
Get PRO
липень '24
+78
в 1 каналах
Get PRO
червень '24
+72
в 0 каналах
Get PRO
травень '24
+68
в 0 каналах
Get PRO
квітень '24
+81
в 0 каналах
Get PRO
березень '24
+88
в 2 каналах
Get PRO
лютий '24
+102
в 0 каналах
Get PRO
січень '24
+83
в 0 каналах
Get PRO
грудень '23
+92
в 0 каналах
Get PRO
листопад '23
+55
в 1 каналах
Get PRO
жовтень '23
+48
в 1 каналах
Get PRO
вересень '23
+59
в 0 каналах
Get PRO
серпень '23
+87
в 0 каналах
Get PRO
липень '23
+58
в 0 каналах
Get PRO
червень '23
+55
в 0 каналах
Get PRO
травень '23
+73
в 0 каналах
Get PRO
квітень '23
+87
в 0 каналах
Get PRO
березень '23
+110
в 0 каналах
Get PRO
лютий '23
+870
в 0 каналах
Get PRO
січень '23
+595
в 0 каналах
Get PRO
грудень '22
+1 169
в 0 каналах
Get PRO
листопад '22
+906
в 0 каналах
Get PRO
жовтень '22
+32
в 0 каналах
Get PRO
вересень '22
+26
в 0 каналах
Get PRO
серпень '22
+35
в 0 каналах
Get PRO
липень '22
+23
в 0 каналах
Get PRO
червень '22
+34
в 0 каналах
Get PRO
травень '22
+36
в 0 каналах
Get PRO
квітень '22
+29
в 0 каналах
Get PRO
березень '22
+35
в 0 каналах
Get PRO
лютий '22
+19
в 0 каналах
Get PRO
січень '22
+51
в 0 каналах
Get PRO
грудень '21
+27
в 0 каналах
Get PRO
листопад '21
+32
в 0 каналах
Get PRO
жовтень '21
+40
в 0 каналах
Get PRO
вересень '21
+44
в 0 каналах
Get PRO
серпень '21
+25
в 0 каналах
Get PRO
липень '21
+40
в 0 каналах
Get PRO
червень '21
+82
в 0 каналах
Get PRO
травень '21
+710
в 0 каналах
Get PRO
квітень '21
+5 377
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 25 липня | 0 | |||
| 24 липня | +1 | |||
| 23 липня | 0 | |||
| 22 липня | 0 | |||
| 21 липня | 0 | |||
| 20 липня | 0 | |||
| 19 липня | 0 | |||
| 18 липня | 0 | |||
| 17 липня | +1 | |||
| 16 липня | +1 | |||
| 15 липня | 0 | |||
| 14 липня | 0 | |||
| 13 липня | 0 | |||
| 12 липня | +1 | |||
| 11 липня | 0 | |||
| 10 липня | 0 | |||
| 09 липня | +1 | |||
| 08 липня | 0 | |||
| 07 липня | 0 | |||
| 06 липня | 0 | |||
| 05 липня | 0 | |||
| 04 липня | +1 | |||
| 03 липня | 0 | |||
| 02 липня | +1 | |||
| 01 липня | +1 |
Дописи каналу
Clock — ожидание загрузки в виде механических часов. Реализована с помощью СSS и JS
https://codepen.io/MyXoToD/pen/nmXgeV
Codepen Amazing & Max
| 2 |  Colourful Flower Popup Menu — набор действий на странице. Реализована с помощью СSS и JS
https://codepen.io/jasperlachance/pen/yOJdRr
Codepen Amazing & Max | 137 |
| 3 | 15:07
18:07
23:07
Codepen Amazing & Max | 1 |
| 4 |  Animated Social Links — карточки принимают 3D-форму при наведении на соцсети. Реализована с помощью CSS и JS
https://codepen.io/CryBaby2003/pen/dyMLJQZ
Codepen Amazing & Max | 180 |
| 5 |  Появился новый провайдер LLM - SaveRouter: лёгкий и выгодный доступ к Fable 5 и Opus 4.8 🧠
Самые современные модели Anthropic стали доступны и без лимитов.
$50 на тестирование — каждому пользователю Telegram Premium при регистрации
Скидка 70% всем, кто зарегистрируется до 23:59 UTC 24.07 (3:00am по Мск)
• Лучший вариант для OpenClaw, Hermes и других AI-агентов
• Совместимость с Anthropic API: Claude Code, Cursor, Cline, aider — подключение за 2 минуты
👉 svrtr.org | 197 |
| 6 |  Minecraft 3D — анимированная сцена. Реализована с помощью CSS и JS
https://codepen.io/fariati/pen/oNpZRbd
Codepen Amazing & Max | 207 |
| 7 |  Земля, я Юпитер — в 1979 году "Вояджер-1" сделал 66 кадров. Реализована с помощью CSS и JS
https://codepen.io/pavlovsk/pen/MWPNMoM
Codepen Amazing & Max | 239 |
| 8 |  Beer Bottle Preloader — необычный виджет загрузки с бутылками пива. Реализована с помощью CSS и JS
https://codepen.io/jkantner/pen/abMOVqr
Codepen Amazing & Max | 246 |
| 9 |  13.8 billion years ago — анимированная планета. Реализована с помощью CSS и JS
https://codepen.io/Mamboleoo/pen/MWoexGB
Codepen Amazing & Max | 245 |
| 10 |  Sun Reflection — закат отражающийся в воде. Реализована с помощью CSS и JS
https://codepen.io/pokecoder/pen/JjJxXbJ
Codepen Amazing & Max | 253 |
| 11 |  Skeuomorphic Range Slider — ползунки. Реализована с помощью CSS и JS
https://codepen.io/nicolasjesenberger/pen/BaGjzJy
Codepen Amazing & Max | 248 |
| 12 |  ИИ-агент, который лучше чем ChatGPT
Давно использую в работе автономного Hermes Agent. Этот ИИ умеет работать в фоне, обладает долговременной памятью и сам создает навыки под сложные задачи. На днях я поручил ему полную зачистку своего инфополя в Telegram, где скопилось слишком много подписок.
Задача была жесткой: отфильтровать ресурсы по теме AI и IT, оставив только авторские каналы с уникальным опытом и практикой. Hermes полностью проанализировал контент, сверил его с метриками вовлеченности и убрал всё, где были банальные репосты и новостной шум.
Результат автоматической чистки получился отличным — ИИ отобрал именно те проекты, которые дают максимальную пользу. Объединил эту выжимку в одну удобную подборку.
Подписывайтесь на авторов в 1 клик. Здесь каждый найдет для себя что-то полезное:
👉 https://t.me/addlist/NKxqrdxh611jM2Vi | 202 |
| 13 |  Text Glitch animation — текст с анимацией глитча. Реализована с помощью CSS и JS
https://codepen.io/oscar-jite/pen/yLwoeLE
Codepen Amazing & Max | 237 |
| 14 |  Flush button — эффект наведения для кнопки, который напоминает стакан. Реализована с помощью CSS и JS
https://codepen.io/KamilDyrek/pen/aXebmO
Codepen Amazing & Max | 249 |
| 15 |  Acrobatic Preloader — ожидание загрузки в виде окружности, выпрыгивающей из своей оси. Реализована с помощью CSS и JavaScript
https://codepen.io/jkantner/pen/VwrYggy
Codepen Amazing & Max | 267 |
| 16 |  Clocktober Day — часы. Реализована с помощью CSS и JavaScript
https://codepen.io/jkantner/pen/rNobWKg
Codepen Amazing & Max | 272 |
| 17 | 👨💻 Внедрение ИИ приводит к сокращению найма начинающих специалистов.
В 2026 году без базовых знаний ИИ практически невозможно получить хорошую вакансию. Эксперты назвали ключевые навыки, которые станут обязательными для всех:
1. Автоматизация рутинных процессов;
2. Создание реалистичного ИИ‑контента;
3. Генерация картинок, видео и текстов для любых задач.
Решение простое: получить базовые практические навыки и сразу внедрить ИИ в рабочие процессы — вы снизите нагрузку и сохраните качество результатов.
Пройдите бесплатный 3‑дневный курс, где вы научитесь использовать ИИ в своей работе, а также получите готовые промпты и шаблоны.
Реклама. Информация о рекламодателе по ссылкам в посте. | 174 |
| 18 |  button animation — эффект наведения на ссылку с появлением указательной стрелки. Реализована с помощью CSS и JavaScript
https://codepen.io/sandeshsapkota/pen/abZxqKe
Codepen Amazing & Max | 280 |
| 19 |  Button Animation — плавное заполнение цветом для кнопки при наведении курсора мыши. Реализована с помощью CSS и JavaScript
https://codepen.io/alexpate/pen/YyLOWQ
Codepen Amazing & Max | 283 |
| 20 |  Burger menu animation — семь различных вариантов наведения на бургер-кнопки. Реализована с помощью CSS и JS
https://codepen.io/tocausan/pen/wvdwrwg
Codepen Amazing & Max | 298 |
