1165
Сообщество пользователей CodePen
Generative Grid
Генератор сетки из узоров, выполненный с помощью SCSS, SVG и JavaScript
https://codepen.io/a-trost/pen/rNGPxaJ
Подпишись👉 @codepen_1
Кнопка с удивительным эффектом наведения на чистом CSS
https://codepen.io/atechajay/pen/WNZpLMQ
Подпишись👉 @codepen_1
Literally Linked Lists 🔗
Интерактивные связанные списки, выполненные с помощью CSS и JavaScript
https://codepen.io/mattjuggins/pen/KKZRwVL
Подпишись👉 @codepen_1
Clock
Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.
https://codepen.io/igstudio/pen/WjdwrO
Подпишись👉 @codepen_1
Easy parallax effect with background-attachment: fixed
Простой параллакс эффект, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/DuskoStamenic/pen/ZEvBKdw
Подпишись👉 @codepen_1
Wavy Color Cube
https://codepen.io/hexagoncircle/pen/MWwjpYY
Подпишись👉 @codepen_1
UI // Button Selection Type
Анимированная кнопка выбора сложности, выполненная с помощью SCSS и JavaScript
https://codepen.io/coswise/pen/YzyVZgJ
Подпишись👉 @codepen_1
Рекомендуем к прочтению книгу Александра Бындю "Антихрупкость в IT"
Эта книга — результат многолетнего опыта построения IT-продуктов. И прежде всего она о том, как выстроить процессы разработки IT-систем таким образом, чтобы успевать вовремя подстроиться под любые изменения.
В её основе — описание работающих практик, примеры из реальных проектов, анализ ошибок и выводы. В книге собраны рекомендации для владельцев бизнеса и разработчиков. Первые приобретут систематизированные знания о том, как правильно взаимодействовать с IT, а вторые — как делать хорошо и не делать плохо.
Сайт издания
Ознакомиться с книгой
Framer motion hamburger
Кнопка для бургер-меню, выполненная с помощью CSS и библиотеки React.js
https://codepen.io/ainalem/pen/jOGYPQN
Подпишись👉 @codepen_1
Hashnode Logo CSS Art
Анимированная иконка, выполненная с помощью SCSS, без использования JavaScript
https://codepen.io/braydoncoyer/pen/oNGazvj
Подпишись👉 @codepen_1
Jello Stretchy Variable Font
Интерактивный текст, реализованный с помощью SCSS и библиотеки GSAP.js
https://codepen.io/petebarr/pen/LYzBoeg
Подпишись👉 @codepen_1
3D Futuristic Room - Pure CSS
3D комната, выполненная с помощью Pug, SCSS и JavaScript
https://codepen.io/ricardoolivaalonso/pen/LYzwGyW
Подпишись👉 @codepen_1
Greensock SVG Search Animation
Анимация поиска, выполненная с помощью SVG, SCSS и библиотеки GSAP.js
https://codepen.io/joshsalazar/pen/RwLGQXJ
Подпишись👉 @codepen_1
Sketch Button
Эффект при наведении на кнопку, выполненный с помощью SVG, SCSS и JavaScript
https://codepen.io/aaroniker/pen/PoOvoaY
Подпишись👉 @codepen_1
Get Color Palette
Генерация заднего фона на основе используемых цветов, выполненная с помощью Pug, Stylus и JavaScript
https://codepen.io/toshiya-marukubo/pen/XWVWmav
Подпишись👉 @codepen_1
Jello Tab Bar (Animated)
Анимированный tabbar, выполненный с помощью SVG, CSS и JavaScript
https://codepen.io/flavio_amaral/pen/xxgYGrR
Подпишись👉 @codepen_1
Turbulent Buttons
Анимированные кнопки, выполненные с помощью SVG, SCSS и JavaScript
https://codepen.io/cobra_winfrey/pen/popvOBJ
Подпишись👉 @codepen_1
Эффект при наведении на текст, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/ggsingla/pen/MWOzxbq
Подпишись👉 @codepen_1
3D Interactive Card Hover
Интерактивные карточки с 3D-эффектом, выполненные с помощью CSS и JavaScript
https://codepen.io/joshsalazar/pen/GROEmRj
Подпишись👉 @codepen_1
Icosahedron: Perlin Noise + Isolines + SelectiveBloom
Анимированная 3D-фигура, выполненная с помощью CSS и библиотеки Three.js
https://codepen.io/prisoner849/pen/PoOKrPO
Подпишись👉 @codepen_1
Lotsa Notifications
Уведомления, выполненные с помощью SVG, CSS и JavaScript
https://codepen.io/jkantner/pen/XWzePgp
Подпишись👉 @codepen_1
Image mask hover effect
Эффект при наведении на картинки, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/t_afif/pen/qBpyWgK
Подпишись👉 @codepen_1
Noisy Risograph Gradient Celestial Body
Генератор градиентов, выполненный с помощью SCSS и JavaScript
https://codepen.io/chriskirknielsen/pen/WNZamZR
Подпишись👉 @codepen_1
Minecraft 3D CSS Bee 🐝
Анимированная сцена, выполненная с помощью CSS и JavaScript
https://codepen.io/fariati/pen/oNpZRbd
Подпишись👉 @codepen_1
Starfield Animation
Анимированное звёздное поле, выполненное с помощью CSS и JavaScript
https://codepen.io/sacsam005/pen/BaJmaXy
Подпишись👉 @codepen_1
Day and Night - SVG Animation
Анимация смены дня и ночи, выполненная с помощью SVG, SCSS и JavaScript
https://codepen.io/TurkAysenur/pen/bGawdKv
Подпишись👉 @codepen_1
Creating day-night CSS only toggle switch
Анимированный переключатель, выполненный с помощью SCSS, без использования JavaScript
https://codepen.io/gvissing/pen/XWVpjJd
Подпишись👉 @codepen_1
Pure CSS Infini-Slinky ✨
Анимированная сцена, выполненная с помощью Pug и Stylus, без использования JavaScript
https://codepen.io/jh3y/pen/WNXBdyZ
Подпишись👉 @codepen_1
Pure CSS - Pikachu in 3D Box
Анимированная сцена, выполненная на чистом CSS, без использования JavaScript
https://codepen.io/maxi83c/pen/JjOZdWX
Подпишись👉 @codepen_1
CSS3D Turn Animation | GSAP
Анимированный текст, выполненный с помощью SCSS и библиотеки GSAP.js
https://codepen.io/dev_loop/pen/zYPVeQx
Подпишись👉 @codepen_1