uz
Feedback
CodePen Community

CodePen Community

Kanalga Telegram’da o‘tish

Сообщество пользователей CodePen

Ko'proq ko'rsatish
Rossiya319 213Texnologiyalar & Aralashmalar38 926
978
Obunachilar
Ma'lumot yo'q24 soatlar
-87 kun
-1730 kun

Ma'lumot yuklanmoqda...

O'xshash kanallar
Ma'lumot yo'q
Muammo bormi? Iltimos, sahifani yangilang yoki bizning qo'llab-quvvatlash boshqaruvchimizga murojaat qiling>.
Taglar buluti
Ma'lumot yo'q
Muammo bormi? Iltimos, sahifani yangilang yoki bizning qo'llab-quvvatlash boshqaruvchimizga murojaat qiling>.
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Mar '25
Mart '25
+1
0 kanalda
Fevral '25
+4
0 kanalda
Get PRO
Yanvar '25
+2
0 kanalda
Get PRO
Dekabr '24
+5
1 kanalda
Get PRO
Noyabr '24
+3
0 kanalda
Get PRO
Oktabr '24
+1
0 kanalda
Get PRO
Sentabr '24
+6
0 kanalda
Get PRO
Avgust '24
+10
0 kanalda
Get PRO
Iyul '24
+8
0 kanalda
Get PRO
Iyun '24
+5
0 kanalda
Get PRO
May '24
+11
0 kanalda
Get PRO
Aprel '24
+10
0 kanalda
Get PRO
Mart '24
+5
0 kanalda
Get PRO
Fevral '24
+6
0 kanalda
Get PRO
Yanvar '24
+9
0 kanalda
Get PRO
Dekabr '23
+6
0 kanalda
Get PRO
Noyabr '23
+13
0 kanalda
Get PRO
Oktabr '23
+11
0 kanalda
Get PRO
Sentabr '23
+23
0 kanalda
Get PRO
Avgust '23
+9
0 kanalda
Get PRO
Iyul '23
+17
0 kanalda
Get PRO
Iyun '23
+13
0 kanalda
Get PRO
May '23
+13
0 kanalda
Get PRO
Aprel '23
+33
0 kanalda
Get PRO
Mart '23
+25
0 kanalda
Get PRO
Fevral '23
+38
0 kanalda
Get PRO
Yanvar '23
+52
0 kanalda
Get PRO
Dekabr '22
+80
0 kanalda
Get PRO
Noyabr '22
+60
0 kanalda
Get PRO
Oktabr '22
+110
0 kanalda
Get PRO
Sentabr '22
+138
0 kanalda
Get PRO
Avgust '22
+108
0 kanalda
Get PRO
Iyul '22
+205
0 kanalda
Get PRO
Iyun '22
+210
0 kanalda
Get PRO
May '22
+374
0 kanalda
Get PRO
Aprel '22
+1 244
0 kanalda
Sana
Obunachilarni jalb qilish
Esdaliklar
Kanallar
13 Mart0
12 Mart0
11 Mart+1
10 Mart0
09 Mart0
08 Mart0
07 Mart0
06 Mart0
05 Mart0
04 Mart0
03 Mart0
02 Mart0
01 Mart0
Kanal postlari
CodePen Community
AnimeJS Staggered Grid Effect Эффект при клике по элементу сетки, выполненный с помощью CSS и библиотеки Anime.js https://codepen.io/Hyperplexed/pen/zYWvXMM Подпишись👉 @codepen_1

2
🔥Podlodka React Crew – онлайн-конференция для React-разработчиков. И в новом сезоне ребята решили разобраться, какие инструм
🔥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/G
SVG Bike Анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG. https://codepen.io/GyGInfographics/pen/YzpGyoJ Подпишись👉 @codepen_1
224
4
Evervault Hover Effect Необычный эффект при наведении. Реализована с помощью CSS и JavaScript https://codepen.io/Hyperplexed/
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 По
Мини игра "Выровнять картину", выполненная с помощью SVG, SCSS и библиотеки GSAP.js https://codepen.io/a-trost/pen/jOZXdoP Подпишись👉 @codepen_1
189
6
Эффект при наведении на картинку, выполненный на чистом CSS, без использования JavaScript https://codepen.io/tiffachoo/pen/wv
Эффект при наведении на картинку, выполненный на чистом CSS, без использования JavaScript https://codepen.io/tiffachoo/pen/wvyXRzL Подпишись👉 @codepen_1
198
7
Боковое меню со светлой и тёмной темами оформления, реализованное с помощью SCSS и библиотеки React.js https://codepen.io/ayb
Боковое меню со светлой и тёмной темами оформления, реализованное с помощью SCSS и библиотеки React.js https://codepen.io/aybukeceylan/pen/wvpBmrq Подпишись👉 @codepen_1
257
8
Градиентные узоры, реализованные с помощью SCSS, без использования JavaScript и SVG https://codepen.io/thebabydino/pen/NWxBzR
Градиентные узоры, реализованные с помощью SCSS, без использования JavaScript и SVG https://codepen.io/thebabydino/pen/NWxBzRv Подпишись👉 @codepen_1
265
9
Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js https://codepen.io/vcomics/pen/JjpgBwY Подпи
Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js https://codepen.io/vcomics/pen/JjpgBwY Подпишись👉 @codepen_1
297
10
Страница навигации, выполненная с помощью Pug, CSS и JavaScript https://codepen.io/Saramazal/pen/LYyywNb Подпишись👉 @codepen
Страница навигации, выполненная с помощью Pug, CSS и JavaScript https://codepen.io/Saramazal/pen/LYyywNb Подпишись👉 @codepen_1
301
11
Страница навигации, выполненная с помощью Pug, CSS и JavaScript https://codepen.io/Saramazal/pen/LYyywNb Подпишись👉 @codepen
Страница навигации, выполненная с помощью Pug, CSS и JavaScript https://codepen.io/Saramazal/pen/LYyywNb Подпишись👉 @codepen_1
304
12
Анимированная сцена, выполненная на чистом CSS, без использования JavaScript https://codepen.io/mdusmanansari/pen/GRxKNKP Под
Анимированная сцена, выполненная на чистом CSS, без использования JavaScript https://codepen.io/mdusmanansari/pen/GRxKNKP Подпишись👉 @codepen_1
343
13
Анимированное выделение текста, выполненное с помощью SVG, CSS и JavaScript https://codepen.io/Hyperplexed/pen/YzeOLYe Подпиш
Анимированное выделение текста, выполненное с помощью SVG, CSS и JavaScript https://codepen.io/Hyperplexed/pen/YzeOLYe Подпишись👉 @codepen_1
329
14
Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура». Уже 2
Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура». Уже 27 мая опытные эксперты научат React-разработчиков: 💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности 💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять. 💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел. 💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом. 🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон. Билеты уже ждут вас на сайте Реклама. ИП Толстая Елена Петровна ИНН:507503278104
280
15
Анимированная сцена, выполненная с помощью SCSS, без использования JavaScript Подпишись👉 @codepen_1
Анимированная сцена, выполненная с помощью SCSS, без использования JavaScript Подпишись👉 @codepen_1
193
16
Frontend meetup 1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO Нарисуем полноценный фронтенд без чат-ботов. Поднимем ба
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/vYxr
Темы оформления с возможностью переключения, выполненные с помощью PostCSS и JavaScript https://codepen.io/argyleink/pen/vYxrrpd Подпишись👉 @codepen_1
252
18
Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript https://codepen.io/davidkpiano/pen/gOo
Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript https://codepen.io/davidkpiano/pen/gOoNZNe Подпишись👉 @codepen_1
292
19
Frontend meetup 1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO Нарисуем полноценный фронтенд без чат-ботов. Поднимем ба
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
Неоновый курсор, выполненный с помощью CSS и библиотеки Three.js https://codepen.io/soju22/pen/wvyBorP Подпишись👉 @codepen_1
329
Barcha postlarni ko‘rish