This media is not supported in your browser
VIEW IN TELEGRAM
Pure CSS Hamburger fold-out menu
Раскладывающееся меню Гамбургер. Написано на чистом CSS.
https://codepen.io/erikterwan/pen/EVzeRP
Подпишись👉 @codepen_1
Раскладывающееся меню Гамбургер. Написано на чистом CSS.
https://codepen.io/erikterwan/pen/EVzeRP
Подпишись👉 @codepen_1
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Неоновый курсор, выполненный с помощью CSS и библиотеки Three.js
https://codepen.io/soju22/pen/wvyBorP
Подпишись👉 @codepen_1
https://codepen.io/soju22/pen/wvyBorP
Подпишись👉 @codepen_1
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Рассеянная подсветка при наведении на элемент, выполненная с помощью SCSS и JavaScript
https://codepen.io/davidkpiano/pen/gOoNZNe
Подпишись👉 @codepen_1
https://codepen.io/davidkpiano/pen/gOoNZNe
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Темы оформления с возможностью переключения, выполненные с помощью PostCSS и JavaScript
https://codepen.io/argyleink/pen/vYxrrpd
Подпишись👉 @codepen_1
https://codepen.io/argyleink/pen/vYxrrpd
Подпишись👉 @codepen_1
👍2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированное выделение текста, выполненное с помощью SVG, CSS и JavaScript
https://codepen.io/Hyperplexed/pen/YzeOLYe
Подпишись👉 @codepen_1
https://codepen.io/Hyperplexed/pen/YzeOLYe
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Анимированная сцена, выполненная на чистом CSS, без использования JavaScript
https://codepen.io/mdusmanansari/pen/GRxKNKP
Подпишись👉 @codepen_1
https://codepen.io/mdusmanansari/pen/GRxKNKP
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Страница навигации, выполненная с помощью Pug, CSS и JavaScript
https://codepen.io/Saramazal/pen/LYyywNb
Подпишись👉 @codepen_1
https://codepen.io/Saramazal/pen/LYyywNb
Подпишись👉 @codepen_1
👍2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Страница навигации, выполненная с помощью Pug, CSS и JavaScript
https://codepen.io/Saramazal/pen/LYyywNb
Подпишись👉 @codepen_1
https://codepen.io/Saramazal/pen/LYyywNb
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js
https://codepen.io/vcomics/pen/JjpgBwY
Подпишись👉 @codepen_1
https://codepen.io/vcomics/pen/JjpgBwY
Подпишись👉 @codepen_1
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Градиентные узоры, реализованные с помощью SCSS, без использования JavaScript и SVG
https://codepen.io/thebabydino/pen/NWxBzRv
Подпишись👉 @codepen_1
https://codepen.io/thebabydino/pen/NWxBzRv
Подпишись👉 @codepen_1
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Боковое меню со светлой и тёмной темами оформления, реализованное с помощью SCSS и библиотеки React.js
https://codepen.io/aybukeceylan/pen/wvpBmrq
Подпишись👉 @codepen_1
https://codepen.io/aybukeceylan/pen/wvpBmrq
Подпишись👉 @codepen_1
👍4❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект при наведении на картинку, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/tiffachoo/pen/wvyXRzL
Подпишись👉 @codepen_1
https://codepen.io/tiffachoo/pen/wvyXRzL
Подпишись👉 @codepen_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Мини игра "Выровнять картину", выполненная с помощью SVG, SCSS и библиотеки GSAP.js
https://codepen.io/a-trost/pen/jOZXdoP
Подпишись👉 @codepen_1
https://codepen.io/a-trost/pen/jOZXdoP
Подпишись👉 @codepen_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Evervault Hover Effect
Необычный эффект при наведении. Реализована с помощью CSS и JavaScript
https://codepen.io/Hyperplexed/pen/VwqLQbo
Подпишись👉 @codepen_1
Необычный эффект при наведении. Реализована с помощью CSS и JavaScript
https://codepen.io/Hyperplexed/pen/VwqLQbo
Подпишись👉 @codepen_1
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
SVG Bike
Анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG.
https://codepen.io/GyGInfographics/pen/YzpGyoJ
Подпишись👉 @codepen_1
Анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG.
https://codepen.io/GyGInfographics/pen/YzpGyoJ
Подпишись👉 @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
И в новом сезоне ребята решили разобраться, какие инструменты и знания включают в роадмапы профессионального развития и насколько они применимы.
Что в программе:
💬 Говорим на одном языке с пользователями: 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
This media is not supported in your browser
VIEW IN TELEGRAM
AnimeJS Staggered Grid Effect
Эффект при клике по элементу сетки, выполненный с помощью CSS и библиотеки Anime.js
https://codepen.io/Hyperplexed/pen/zYWvXMM
Подпишись👉 @codepen_1
Эффект при клике по элементу сетки, выполненный с помощью CSS и библиотеки Anime.js
https://codepen.io/Hyperplexed/pen/zYWvXMM
Подпишись👉 @codepen_1
This media is not supported in your browser
VIEW IN TELEGRAM
Tabbar с анимацией при наведении, выполненный с помощью SCSS, без использования JavaScript
https://codepen.io/sashatran/pen/abqXVvy
Подпишись👉 @codepen_1
https://codepen.io/sashatran/pen/abqXVvy
Подпишись👉 @codepen_1
This media is not supported in your browser
VIEW IN TELEGRAM
PhotoSwipe — Библиотека для добавления галереи изображений
Позволяет просматривать изображения на сайте в удобном формате.
Особенности:
Не зависит от сторонних библиотек
Поддержка динамического импорта
Улучшеная производительность анимаций
Работает на тач-устройствах
https://github.com/dimsemenov/Photoswipe
Подпишись👉 @codepen_1
Позволяет просматривать изображения на сайте в удобном формате.
Особенности:
Не зависит от сторонних библиотек
Поддержка динамического импорта
Улучшеная производительность анимаций
Работает на тач-устройствах
https://github.com/dimsemenov/Photoswipe
Подпишись👉 @codepen_1