CodePen Community
Відкрити в Telegram
978
Підписники
Немає даних24 години
-87 днів
-1730 днів
Триває завантаження даних...
Схожі канали
Немає даних
Виникли проблеми? Будь ласка, оновіть сторінку або зверніться до нашого support-менеджера.
Хмара тегів
Немає даних
Виникли проблеми? Будь ласка, оновіть сторінку або зверніться до нашого support-менеджера.
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
березень '25бер '25
березень '25
+1
в 0 каналах
лютий '25
+4
в 0 каналах
Get PRO
січень '25
+2
в 0 каналах
Get PRO
грудень '24
+5
в 1 каналах
Get PRO
листопад '24
+3
в 0 каналах
Get PRO
жовтень '24
+1
в 0 каналах
Get PRO
вересень '24
+6
в 0 каналах
Get PRO
серпень '24
+10
в 0 каналах
Get PRO
липень '24
+8
в 0 каналах
Get PRO
червень '24
+5
в 0 каналах
Get PRO
травень '24
+11
в 0 каналах
Get PRO
квітень '24
+10
в 0 каналах
Get PRO
березень '24
+5
в 0 каналах
Get PRO
лютий '24
+6
в 0 каналах
Get PRO
січень '24
+9
в 0 каналах
Get PRO
грудень '23
+6
в 0 каналах
Get PRO
листопад '23
+13
в 0 каналах
Get PRO
жовтень '23
+11
в 0 каналах
Get PRO
вересень '23
+23
в 0 каналах
Get PRO
серпень '23
+9
в 0 каналах
Get PRO
липень '23
+17
в 0 каналах
Get PRO
червень '23
+13
в 0 каналах
Get PRO
травень '23
+13
в 0 каналах
Get PRO
квітень '23
+33
в 0 каналах
Get PRO
березень '23
+25
в 0 каналах
Get PRO
лютий '23
+38
в 0 каналах
Get PRO
січень '23
+52
в 0 каналах
Get PRO
грудень '22
+80
в 0 каналах
Get PRO
листопад '22
+60
в 0 каналах
Get PRO
жовтень '22
+110
в 0 каналах
Get PRO
вересень '22
+138
в 0 каналах
Get PRO
серпень '22
+108
в 0 каналах
Get PRO
липень '22
+205
в 0 каналах
Get PRO
червень '22
+210
в 0 каналах
Get PRO
травень '22
+374
в 0 каналах
Get PRO
квітень '22
+1 244
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 13 березня | 0 | |||
| 12 березня | 0 | |||
| 11 березня | +1 | |||
| 10 березня | 0 | |||
| 09 березня | 0 | |||
| 08 березня | 0 | |||
| 07 березня | 0 | |||
| 06 березня | 0 | |||
| 05 березня | 0 | |||
| 04 березня | 0 | |||
| 03 березня | 0 | |||
| 02 березня | 0 | |||
| 01 березня | 0 |
Дописи каналу
AnimeJS Staggered Grid Effect
Эффект при клике по элементу сетки, выполненный с помощью CSS и библиотеки Anime.js
https://codepen.io/Hyperplexed/pen/zYWvXMM
Подпишись👉 @codepen_1
| 2 |  🔥Podlodka React Crew – онлайн-конференция для React-разработчиков.
И в новом сезоне ребята решили разобраться, какие инструменты и знания включают в роадмапы профессионального развития и насколько они применимы.
Что в программе:
💬 Говорим на одном языке с пользователями: i18n в React-приложениях – Виталий Баев, контрибьютор Next.js и Vite 🌍 Как выбрать инструменты и сделать интерфейс удобным для всех?
📡 OpenTelemetry для фронтенд-разработчика – Валерий Катцин, frontend-разработчик в Точке 📊 Как собирать данные о работе приложения и использовать их для улучшения продукта?
🔥 "Долгожданный" React 19 – Алекс Рассудихин, разработчик с опытом во Vue, React, Next и Astro 🚀 Какие фичи вышли в продакшен, а какие – нет?
🤖 AI Integrated Developer Experience – Марк Байдебура, Senior Full-stack Engineer в Influencer 🧠 Где AI реально помогает, а где пока его лучше не использовать?
📅 Конференция пройдет 10-14 февраля.
Ты не просто узнаешь по новые фичи и подходы, но и определишься, какие из них включить в свой roadmap и как расти дальше.
🔗 Регистрируйтесь: podlodka.io/reactcrew | 234 |
| 3 |  SVG Bike
Анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG.
https://codepen.io/GyGInfographics/pen/YzpGyoJ
Подпишись👉 @codepen_1 | 224 |
| 4 |  Evervault Hover Effect
Необычный эффект при наведении. Реализована с помощью CSS и JavaScript
https://codepen.io/Hyperplexed/pen/VwqLQbo
Подпишись👉 @codepen_1 | 303 |
| 5 |  Мини игра "Выровнять картину", выполненная с помощью SVG, SCSS и библиотеки GSAP.js
https://codepen.io/a-trost/pen/jOZXdoP
Подпишись👉 @codepen_1 | 189 |
| 6 |  Эффект при наведении на картинку, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/tiffachoo/pen/wvyXRzL
Подпишись👉 @codepen_1 | 198 |
| 7 |  Боковое меню со светлой и тёмной темами оформления, реализованное с помощью SCSS и библиотеки React.js
https://codepen.io/aybukeceylan/pen/wvpBmrq
Подпишись👉 @codepen_1 | 257 |
| 8 |  Градиентные узоры, реализованные с помощью SCSS, без использования JavaScript и SVG
https://codepen.io/thebabydino/pen/NWxBzRv
Подпишись👉 @codepen_1 | 265 |
| 9 |  Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js
https://codepen.io/vcomics/pen/JjpgBwY
Подпишись👉 @codepen_1 | 297 |
| 10 |  Страница навигации, выполненная с помощью Pug, CSS и JavaScript
https://codepen.io/Saramazal/pen/LYyywNb
Подпишись👉 @codepen_1 | 301 |
| 11 | Страница навигации, выполненная с помощью Pug, CSS и JavaScript
https://codepen.io/Saramazal/pen/LYyywNb
Подпишись👉 @codepen_1 | 304 |
| 12 |  Анимированная сцена, выполненная на чистом CSS, без использования JavaScript
https://codepen.io/mdusmanansari/pen/GRxKNKP
Подпишись👉 @codepen_1 | 343 |
| 13 |  Анимированное выделение текста, выполненное с помощью SVG, CSS и JavaScript
https://codepen.io/Hyperplexed/pen/YzeOLYe
Подпишись👉 @codepen_1 | 329 |
| 14 |  Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура».
Уже 27 мая опытные эксперты научат React-разработчиков:
💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности
💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять.
💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел.
💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом.
🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон.
Билеты уже ждут вас на сайте
Реклама. ИП Толстая Елена Петровна ИНН:507503278104 | 280 |
| 15 |  Анимированная сцена, выполненная с помощью SCSS, без использования JavaScript
Подпишись👉 @codepen_1 | 193 |
| 16 |  Frontend meetup
1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO
Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов.
2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал
Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках.
3. Serverless - уже можно? — Андрей Лаврентьев, NDA
Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге.
Модератор Григорий Петров, Devrel, Evrone
Эксперт Глеб Михеев, Руководитель ПК, FrontendConf
➖➖➖
🗓 22 мая, начало в 19:00 мск, Среда
🌐 ОНЛАЙН
✅ Регистрация на мероприятие | 121 |
| 17 |  Темы оформления с возможностью переключения, выполненные с помощью PostCSS и JavaScript
https://codepen.io/argyleink/pen/vYxrrpd
Подпишись👉 @codepen_1 | 252 |
| 18 |  Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript
https://codepen.io/davidkpiano/pen/gOoNZNe
Подпишись👉 @codepen_1 | 292 |
| 19 |  Frontend meetup
1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO
Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов.
2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал
Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках.
3. Serverless - уже можно? — Андрей Лаврентьев, NDA
Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге.
Модератор Григорий Петров, Devrel, Evrone
Эксперт Глеб Михеев, Руководитель ПК, FrontendConf
➖➖➖
🗓 22 мая, начало в 19:00 мск, Среда
🌐 ОНЛАЙН
✅ Регистрация на мероприятие | 280 |
| 20 |  Неоновый курсор, выполненный с помощью CSS и библиотеки Three.js
https://codepen.io/soju22/pen/wvyBorP
Подпишись👉 @codepen_1 | 329 |
