This media is not supported in your browser
VIEW IN TELEGRAM
Creating day-night CSS only toggle switch
Анимированный переключатель, выполненный с помощью SCSS, без использования JavaScript
https://codepen.io/gvissing/pen/XWVpjJd
Подпишись👉 @codepen_1
Анимированный переключатель, выполненный с помощью SCSS, без использования JavaScript
https://codepen.io/gvissing/pen/XWVpjJd
Подпишись👉 @codepen_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
3D Futuristic Room - Pure CSS
3D комната, выполненная с помощью Pug, SCSS и JavaScript
https://codepen.io/ricardoolivaalonso/pen/LYzwGyW
Подпишись👉 @codepen_1
3D комната, выполненная с помощью Pug, SCSS и JavaScript
https://codepen.io/ricardoolivaalonso/pen/LYzwGyW
Подпишись👉 @codepen_1
👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Day and Night - SVG Animation
Анимация смены дня и ночи, выполненная с помощью SVG, SCSS и JavaScript
https://codepen.io/TurkAysenur/pen/bGawdKv
Подпишись👉 @codepen_1
Анимация смены дня и ночи, выполненная с помощью SVG, SCSS и JavaScript
https://codepen.io/TurkAysenur/pen/bGawdKv
Подпишись👉 @codepen_1
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Jello Stretchy Variable Font
Интерактивный текст, реализованный с помощью SCSS и библиотеки GSAP.js
https://codepen.io/petebarr/pen/LYzBoeg
Подпишись👉 @codepen_1
Интерактивный текст, реализованный с помощью SCSS и библиотеки GSAP.js
https://codepen.io/petebarr/pen/LYzBoeg
Подпишись👉 @codepen_1
🔥1😍1
This media is not supported in your browser
VIEW IN TELEGRAM
Starfield Animation
Анимированное звёздное поле, выполненное с помощью CSS и JavaScript
https://codepen.io/sacsam005/pen/BaJmaXy
Подпишись👉 @codepen_1
Анимированное звёздное поле, выполненное с помощью CSS и JavaScript
https://codepen.io/sacsam005/pen/BaJmaXy
Подпишись👉 @codepen_1
🔥5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Hashnode Logo CSS Art
Анимированная иконка, выполненная с помощью SCSS, без использования JavaScript
https://codepen.io/braydoncoyer/pen/oNGazvj
Подпишись👉 @codepen_1
Анимированная иконка, выполненная с помощью SCSS, без использования JavaScript
https://codepen.io/braydoncoyer/pen/oNGazvj
Подпишись👉 @codepen_1
This media is not supported in your browser
VIEW IN TELEGRAM
Minecraft 3D CSS Bee 🐝
Анимированная сцена, выполненная с помощью CSS и JavaScript
https://codepen.io/fariati/pen/oNpZRbd
Подпишись👉 @codepen_1
Анимированная сцена, выполненная с помощью CSS и JavaScript
https://codepen.io/fariati/pen/oNpZRbd
Подпишись👉 @codepen_1
👍3💔1
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