CodePen Community
رفتن به کانال در Telegram
978
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-87 روز
-1730 روز
در حال بارگیری داده...
کانال‌های مشابه
هیچ داده‌ای
مشکلی وجود دارد؟ لطفاً صفحه را تازه کنید یا با مدیر پشتیبانی ما تماس بگیرید.
ابر برچسب‌ها
هیچ داده‌ای
مشکلی وجود دارد؟ لطفاً صفحه را تازه کنید یا با مدیر پشتیبانی ما تماس بگیرید.
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
مارس '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 |
