CodePen Community
Kanalga Telegram’da o‘tish
811
Obunachilar
Ma'lumot yo'q24 soatlar
-17 kun
+330 kun
Ma'lumotlar 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
Noyabr '26Noy '26
Noyabr '260
0 kanalda
Oktabr '26
+6
1 kanalda
Get PRO
Sentabr '260
0 kanalda
Get PRO
Avgust '260
0 kanalda
Get PRO
Iyul '260
0 kanalda
Get PRO
Iyun '260
0 kanalda
Get PRO
May '260
0 kanalda
Get PRO
Aprel '260
0 kanalda
Get PRO
Mart '260
0 kanalda
Get PRO
Fevral '260
0 kanalda
Get PRO
Yanvar '260
0 kanalda
Get PRO
Dekabr '250
0 kanalda
Get PRO
Noyabr '250
0 kanalda
Get PRO
Oktabr '250
0 kanalda
Get PRO
Sentabr '250
0 kanalda
Get PRO
Avgust '250
0 kanalda
Get PRO
Iyul '250
0 kanalda
Get PRO
Iyun '250
0 kanalda
Get PRO
May '250
0 kanalda
Get PRO
Aprel '250
0 kanalda
Get PRO
Mart '25
+1
0 kanalda
Get PRO
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 | |
| 02 Noyabr | 0 | |||
| 01 Noyabr | 0 |
Kanal postlari
👨💻 Фронтенд с AI: что можно делегировать агентам
5 октября, стартует конференция Podlodka Frontend Crew — сезон о том, как применять AI во фронтенд-разработке на практике.
Участники конференции узнают:
• Как находить prompt injection и противостоять таким атакам;
• Какие подходы помогают повысить доверие к результатам агентской разработки;
• Как проводить ревью кода, созданного AI-агентами;
• Как AI помогает упростить починку багов.
В программе ещё много практических кейсов. Также нужно отметить, что у конференции очень удобный формат. Это пять дней Zoom-сессий по утрам и вечерам и закрытое Telegram-комьюнити, где можно обсудить новый опыт и узнать от единомышленников то, что не догадаешься спросить у своей LLM.
Приходите, чтобы разобраться, какие задачи уже можно делегировать AI, где важно сохранять контроль и как выстроить системную работу с AI в команде или проекте.
Скидка по промокоду codepen
🔗 Программа и билеты: https://podlodka.io/fecrew
| 2 | 🎲Tap / click to roll dice
https://codepen.io/creativeocean/pen/oNEPggW
Подпишись👉 @codepen_1 | 86 |
| 3 | 💻Angular — один из самых строгих и системных инструментов разработки пользовательских интерфейсов. Его выбирают крупные компании, где важны масштабируемость, предсказуемость кода и возможность развивать продукт долгие годы. Мы расскажем вам как работать с этим инструментом. Записывайтесь на открытые уроки в преддверии старта курса «Angular-разработчик»:
📆26 марта в 20:00 МСК на открытом уроке разберём, как LLM ускоряют фронтенд-разработку. Покажем их развитие, подготовим Angular-проект к работе с ИИ, создадим приложение и обсудим, где ИИ реально помогает разработчику.
📆9 апреля в 20:00 МСК на открытом уроке разберём сигналы в Angular: создадим реактивную форму с валидацией, обсудим управление состоянием и сравним с подходом на RxJS.
📆21 апреля в 20:00 МСК разберём архитектуру Angular-приложения: слои, feature-подход, разделение UI, логики и API, а также паттерны и структуру реального проекта.
Подробности об уроках и регистрация: https://vk.cc/cVBl0E
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru | 321 |
| 4 | Button — анимация появления разноцветных фигур при клике на кнопку, реализованная с помощью JavaScript.
https://codepen.io/Anna_Batura/pen/RwKgmLw
Подпишись👉 @codepen_1 | 243 |
| 5 | Раскрасьте этот диван!
Кайл Веттон создал интерактивный Pen, в котором вы можете раскрасить диван и фон. Может использоваться на e-commerce сайтах по продаже мебели.
https://codepen.io/kylewetton/pen/OJLmJoV
Подпишись👉 @codepen_1 | 332 |
| 6 | Натюрморт на чистом CSS
Эта картинка от Бена Эванса — прекрасный пример того, на что способен CSS.
https://codepen.io/ivorjetski/pen/xMJoYO
Подпишись👉 @codepen_1 | 357 |
| 7 | CSS 404 page
https://codepen.io/agathaco/pen/WKXREy
Подпишись👉 @codepen_1 | 344 |
| 8 | Градиентные узоры, реализованные с помощью SCSS, без использования JavaScript и SVG
https://codepen.io/thebabydino/pen/NWxBzRv
Подпишись👉 @codepen_1 | 288 |
| 9 | Форма MasterCard
https://codepen.io/JavaScriptJunkie/pen/YzzNGeR
Подпишись👉 @codepen_1 | 317 |
| 10 | AnimeJS Staggered Grid Effect
Эффект при клике по элементу сетки, выполненный с помощью CSS и библиотеки Anime.js
https://codepen.io/Hyperplexed/pen/zYWvXMM
Подпишись👉 @codepen_1 | 179 |
| 11 | 🔥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 |
| 12 | SVG Bike
Анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG.
https://codepen.io/GyGInfographics/pen/YzpGyoJ
Подпишись👉 @codepen_1 | 224 |
| 13 | Evervault Hover Effect
Необычный эффект при наведении. Реализована с помощью CSS и JavaScript
https://codepen.io/Hyperplexed/pen/VwqLQbo
Подпишись👉 @codepen_1 | 303 |
| 14 | Мини игра "Выровнять картину", выполненная с помощью SVG, SCSS и библиотеки GSAP.js
https://codepen.io/a-trost/pen/jOZXdoP
Подпишись👉 @codepen_1 | 189 |
| 15 | Эффект при наведении на картинку, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/tiffachoo/pen/wvyXRzL
Подпишись👉 @codepen_1 | 198 |
| 16 | Боковое меню со светлой и тёмной темами оформления, реализованное с помощью SCSS и библиотеки React.js
https://codepen.io/aybukeceylan/pen/wvpBmrq
Подпишись👉 @codepen_1 | 257 |
| 17 | Градиентные узоры, реализованные с помощью SCSS, без использования JavaScript и SVG
https://codepen.io/thebabydino/pen/NWxBzRv
Подпишись👉 @codepen_1 | 265 |
| 18 | Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js
https://codepen.io/vcomics/pen/JjpgBwY
Подпишись👉 @codepen_1 | 297 |
| 19 | Страница навигации, выполненная с помощью Pug, CSS и JavaScript
https://codepen.io/Saramazal/pen/LYyywNb
Подпишись👉 @codepen_1 | 301 |
| 20 | Страница навигации, выполненная с помощью Pug, CSS и JavaScript
https://codepen.io/Saramazal/pen/LYyywNb
Подпишись👉 @codepen_1 | 304 |
