CodePen Community

🔥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

SVG Bike

Анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG.

https://codepen.io/GyGInfographics/pen/YzpGyoJ

Подпишись👉 @codepen_1

Evervault Hover Effect

Необычный эффект при наведении. Реализована с помощью CSS и JavaScript

https://codepen.io/Hyperplexed/pen/VwqLQbo

Подпишись👉 @codepen_1

Мини игра "Выровнять картину", выполненная с помощью SVG, SCSS и библиотеки GSAP.js

https://codepen.io/a-trost/pen/jOZXdoP

Подпишись👉 @codepen_1

Эффект при наведении на картинку, выполненный на чистом CSS, без использования JavaScript

https://codepen.io/tiffachoo/pen/wvyXRzL

Подпишись👉 @codepen_1

Боковое меню со светлой и тёмной темами оформления, реализованное с помощью SCSS и библиотеки React.js

https://codepen.io/aybukeceylan/pen/wvpBmrq

Подпишись👉 @codepen_1

Градиентные узоры, реализованные с помощью SCSS, без использования JavaScript и SVG

https://codepen.io/thebabydino/pen/NWxBzRv

Подпишись👉 @codepen_1

Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js

https://codepen.io/vcomics/pen/JjpgBwY

Подпишись👉 @codepen_1

Страница навигации, выполненная с помощью Pug, CSS и JavaScript

https://codepen.io/Saramazal/pen/LYyywNb

Подпишись👉 @codepen_1

Страница навигации, выполненная с помощью Pug, CSS и JavaScript

https://codepen.io/Saramazal/pen/LYyywNb

Подпишись👉 @codepen_1

Анимированная сцена, выполненная на чистом CSS, без использования JavaScript

https://codepen.io/mdusmanansari/pen/GRxKNKP

Подпишись👉 @codepen_1

Анимированное выделение текста, выполненное с помощью SVG, CSS и JavaScript

https://codepen.io/Hyperplexed/pen/YzeOLYe

Подпишись👉 @codepen_1

Анимированная сцена, выполненная с помощью SCSS, без использования JavaScript

Подпишись👉 @codepen_1

Темы оформления с возможностью переключения, выполненные с помощью PostCSS и JavaScript

https://codepen.io/argyleink/pen/vYxrrpd

Подпишись👉 @codepen_1

Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript

https://codepen.io/davidkpiano/pen/gOoNZNe

Подпишись👉 @codepen_1

Неоновый курсор, выполненный с помощью CSS и библиотеки Three.js

https://codepen.io/soju22/pen/wvyBorP

Подпишись👉 @codepen_1

Pure CSS Hamburger fold-out menu

Раскладывающееся меню Гамбургер. Написано на чистом CSS.

https://codepen.io/erikterwan/pen/EVzeRP

Подпишись👉 @codepen_1

Iconic Tab Bar

Анимированный tabbar, выполненный на чистом CSS, без использования JavaScript

https://codepen.io/josetxu/pen/YzYgKLP

Подпишись👉 @codepen_1

Range Slider Progress in Chrome with pure CSS 🌟

Интерактивные ползунки, выполненные на чистом CSS, без использования JavaScript

https://codepen.io/ShadowShahriar/pen/zYPPYrQ

Подпишись👉 @codepen_1

Перед вами — книга-метод, книга-наставник, способная перевернуть мышление и помочь выработать осознанный подход к работе и жизни в целом путём высокоуровневого планирования.

В своей второй книге IT-архитектор, методолог, педагог Александр Бындю раскрывает наиболее эффективный на сегодняшний день метод стратегического планирования, получивший название «Карта гипотез». Карта учит, как достигать намеченной цели через гипотезы, и служит навигатором на этом пути. В основу книги легли годы практики, и с уверенностью можно сказать, что Карта гипотез позволяет создать стратегию достижения для самых амбициозных целей.

У Карты гипотез нет ограничений по области применения или роли пользователя — она будет полезна в самых разных ситуациях, от личного планирования до планирования работы огромной компании. Автор надеется, что его метод, которому посвящена эта книга, послужит вашему благополучию во всех сферах жизни.

Ознакомиться с книгой