This media is not supported in your browser
VIEW IN TELEGRAM
Framer motion hamburger
Кнопка для бургер-меню, выполненная с помощью CSS и библиотеки React.js
https://codepen.io/ainalem/pen/jOGYPQN
Подпишись👉 @codepen_1
Кнопка для бургер-меню, выполненная с помощью CSS и библиотеки React.js
https://codepen.io/ainalem/pen/jOGYPQN
Подпишись👉 @codepen_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Noisy Risograph Gradient Celestial Body
Генератор градиентов, выполненный с помощью SCSS и JavaScript
https://codepen.io/chriskirknielsen/pen/WNZamZR
Подпишись👉 @codepen_1
Генератор градиентов, выполненный с помощью SCSS и JavaScript
https://codepen.io/chriskirknielsen/pen/WNZamZR
Подпишись👉 @codepen_1
👍4
Рекомендуем к прочтению книгу Александра Бындю "Антихрупкость в IT"
Эта книга — результат многолетнего опыта построения IT-продуктов. И прежде всего она о том, как выстроить процессы разработки IT-систем таким образом, чтобы успевать вовремя подстроиться под любые изменения.
В её основе — описание работающих практик, примеры из реальных проектов, анализ ошибок и выводы. В книге собраны рекомендации для владельцев бизнеса и разработчиков. Первые приобретут систематизированные знания о том, как правильно взаимодействовать с IT, а вторые — как делать хорошо и не делать плохо.
Сайт издания
Ознакомиться с книгой
Эта книга — результат многолетнего опыта построения IT-продуктов. И прежде всего она о том, как выстроить процессы разработки IT-систем таким образом, чтобы успевать вовремя подстроиться под любые изменения.
В её основе — описание работающих практик, примеры из реальных проектов, анализ ошибок и выводы. В книге собраны рекомендации для владельцев бизнеса и разработчиков. Первые приобретут систематизированные знания о том, как правильно взаимодействовать с IT, а вторые — как делать хорошо и не делать плохо.
Сайт издания
Ознакомиться с книгой
This media is not supported in your browser
VIEW IN TELEGRAM
Image mask hover effect
Эффект при наведении на картинки, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/t_afif/pen/qBpyWgK
Подпишись👉 @codepen_1
Эффект при наведении на картинки, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/t_afif/pen/qBpyWgK
Подпишись👉 @codepen_1
👍3❤1
This media is not supported in your browser
VIEW IN TELEGRAM
UI // Button Selection Type
Анимированная кнопка выбора сложности, выполненная с помощью SCSS и JavaScript
https://codepen.io/coswise/pen/YzyVZgJ
Подпишись👉 @codepen_1
Анимированная кнопка выбора сложности, выполненная с помощью SCSS и JavaScript
https://codepen.io/coswise/pen/YzyVZgJ
Подпишись👉 @codepen_1
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Lotsa Notifications
Уведомления, выполненные с помощью SVG, CSS и JavaScript
https://codepen.io/jkantner/pen/XWzePgp
Подпишись👉 @codepen_1
Уведомления, выполненные с помощью SVG, CSS и JavaScript
https://codepen.io/jkantner/pen/XWzePgp
Подпишись👉 @codepen_1
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Icosahedron: Perlin Noise + Isolines + SelectiveBloom
Анимированная 3D-фигура, выполненная с помощью CSS и библиотеки Three.js
https://codepen.io/prisoner849/pen/PoOKrPO
Подпишись👉 @codepen_1
Анимированная 3D-фигура, выполненная с помощью CSS и библиотеки Three.js
https://codepen.io/prisoner849/pen/PoOKrPO
Подпишись👉 @codepen_1
👍2🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
Easy parallax effect with background-attachment: fixed
Простой параллакс эффект, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/DuskoStamenic/pen/ZEvBKdw
Подпишись👉 @codepen_1
Простой параллакс эффект, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/DuskoStamenic/pen/ZEvBKdw
Подпишись👉 @codepen_1
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
3D Interactive Card Hover
Интерактивные карточки с 3D-эффектом, выполненные с помощью CSS и JavaScript
https://codepen.io/joshsalazar/pen/GROEmRj
Подпишись👉 @codepen_1
Интерактивные карточки с 3D-эффектом, выполненные с помощью CSS и JavaScript
https://codepen.io/joshsalazar/pen/GROEmRj
Подпишись👉 @codepen_1
❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Clock
Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.
https://codepen.io/igstudio/pen/WjdwrO
Подпишись👉 @codepen_1
Часы, созданные из svg картинки и анимированные в SCSS. Направление стрелок задается в js и зависит от времени на устройстве.
https://codepen.io/igstudio/pen/WjdwrO
Подпишись👉 @codepen_1
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект при наведении на текст, выполненный на чистом CSS, без использования JavaScript
https://codepen.io/ggsingla/pen/MWOzxbq
Подпишись👉 @codepen_1
https://codepen.io/ggsingla/pen/MWOzxbq
Подпишись👉 @codepen_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Literally Linked Lists 🔗
Интерактивные связанные списки, выполненные с помощью CSS и JavaScript
https://codepen.io/mattjuggins/pen/KKZRwVL
Подпишись👉 @codepen_1
Интерактивные связанные списки, выполненные с помощью CSS и JavaScript
https://codepen.io/mattjuggins/pen/KKZRwVL
Подпишись👉 @codepen_1
👍6👨💻1
This media is not supported in your browser
VIEW IN TELEGRAM
Turbulent Buttons
Анимированные кнопки, выполненные с помощью SVG, SCSS и JavaScript
https://codepen.io/cobra_winfrey/pen/popvOBJ
Подпишись👉 @codepen_1
Анимированные кнопки, выполненные с помощью SVG, SCSS и JavaScript
https://codepen.io/cobra_winfrey/pen/popvOBJ
Подпишись👉 @codepen_1
👍3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопка с удивительным эффектом наведения на чистом CSS
https://codepen.io/atechajay/pen/WNZpLMQ
Подпишись👉 @codepen_1
https://codepen.io/atechajay/pen/WNZpLMQ
Подпишись👉 @codepen_1
👍3🥱1
This media is not supported in your browser
VIEW IN TELEGRAM
Jello Tab Bar (Animated)
Анимированный tabbar, выполненный с помощью SVG, CSS и JavaScript
https://codepen.io/flavio_amaral/pen/xxgYGrR
Подпишись👉 @codepen_1
Анимированный tabbar, выполненный с помощью SVG, CSS и JavaScript
https://codepen.io/flavio_amaral/pen/xxgYGrR
Подпишись👉 @codepen_1
👍6🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Generative Grid
Генератор сетки из узоров, выполненный с помощью SCSS, SVG и JavaScript
https://codepen.io/a-trost/pen/rNGPxaJ
Подпишись👉 @codepen_1
Генератор сетки из узоров, выполненный с помощью SCSS, SVG и JavaScript
https://codepen.io/a-trost/pen/rNGPxaJ
Подпишись👉 @codepen_1
🔥4