Glowing buttons - светящиеся при наведении кнопки на чистом CSS.

#css

Folding Ticket Detail - складной билет, реализованный с помощью React.

#react

Magnetic button animation - кнопки-магниты, при наведении примагничиваются к курсору. Анимация реализована с помощью JS.

#css #javascript

To Do List UI - пользовательский интерфейс списка дел, написанный на Vue.js.

#vue #javascript

Хочешь знать основные языки программирования?

Подписывайся на канал Simple code.

Там тебя ждут ежедневные посты по разным языкам: JavaScript, C#, C++, Python, Java.

Tetradic radial-background generator - генератор радиального фона с применением прямоугольной схемы цветов.

#css #javascript

Ты знаешь сколько получает Middle Python разработчик в России?
От 120 000 рублей!

Подписывайся на канал Python заметки и стань мидлом за считанные недели абсолютно бесплатно!

Эксклюзивный и актуальный материал, а также тесты по современному Python каждый день.

Расширяй свои знания с нами!

SVG Hamburger Menu Icon Animation Collection - коллекция SVG-иконок для меню-гамбургеров. Анимация реализована с помощью JavaScript.

#javascript

Rolling Radio Buttons - прокручивающиеся radio-кнопки. Реализованы с помощью HTML, CSS и JS.

#css #javascript

TOASTS - всплывающие уведомления: информационное, предупреждающее уведомления и уведомление об успехе. Уведомления реализованы с помощью HTML, CSS и JS.

#css #javascript

Parallax Photo Carousel — круговой слайдер фотографий с параллакс-эффектом. Реализован с помощью GSAP и ZeptoJS.

#css #javascript #gsap

Text Morph — эффект "морфинга" текста с использованием фильтров SVG. Анимация реализована с помощью JavaScript.

#javascript #css

Color this sofa! – SVG + Blend Mode trick - реализация палитры цветов для изображений продуктов.

#css #javascript

CSS Egg Switch — переключатель с анимацией жареной яичницы, выполнен на чистом CSS.

#css

Glassmorphism Creative Cloud App Redesign — редизайн приложения Creative Cloud в стиле глассморфизма. Приложение адаптивное и реализовано с помощью jQuery.

#jquery

Sticky Photostack — при скролле страницы изображения собираются в одну стопку под разным углом. Эффект реализован на чистом CSS.

#css

Credit Card Payment Form — адаптивная форма заполнения данных карты, реализованная с помощью imask.js.

#imaskjs

Animated Tab Bar — стильная панель вкладок, анимация переходов реализована с помощью JavaScript.

#css #javascript

404 Page - адаптивная страница с ошибкой 404 с эффектом параллакса, реализованный с помощью библиотеки parallax.js и jQuery.

#jquery

🔔 Сайтодел — телеграм-сообщество веб-разработчиков:

Объяснения основ JavaScript, эффективные приемы в CSS, пошаговая реализация сайта на Tilda, адаптивные макеты в Figma и полезные репозитории с GitHub.

Лучший способ освоить веб-разработку в кратчайшие сроки — это подписка на @sitodel