Checkbox card — карточки с функцией чекбокса на чистом CSS.

#css

Satisfying Button (Neumorphism) — кнопки в стиле неоморфизма. Анимация при наведении реализована на чистом CSS.

#css

Hover slider — слайдер с анимацией смены слайдов при наведении на названия. Анимация реализована с помощью jQuery.

#jquery

Click to send - кнопка с анимацией отправки данных при клике. Состоит из SVG-элементов. Анимация реализована с помощью библиотек gsap, MorphSVGPlugin3, MotionPathPlugin и DrawSVGPlugin3.

#gsap

Choose Ticket — адаптивная страница с функцией выбора билетов на чистом CSS.

#css

Image Hover Effect — интересный эффект при наведении на изображение на чистом CSS.

#css

Upload Button w/Progress — кнопка загрузки с анимацией прогресса, реализованная с помощью JavaScript.

#javascript

Codepen Challenge: Click — кнопка с выезжающими панелями при клике, реализованная с помощью VueJS и GSAP.

#vue #gsap

Interior design builder — функция добавления понравившихся интерьеров в избранное, реализованное с помощью JavaScript.

#javascript

SMASH that Like Button — кнопка лайк с анимацией разлетающихся разноцветных частиц на чистом CSS.

#css

WiFi loader animation — анимация поиска сети wi-fi на чистом CSS. Можно использовать как прелоадер.

#css

Изучить основы JavaScript за 14 дней? По цене пиццы?!

Это реально!

Подключайтесь к нашему подготовительному курсу по Frontend-разработке.

Прямо сейчас переходите по ссылке и бронируйте место, мы стартуем 11 августа! 🙌

Working Stopwatch — секундомер, реализованный на чистом CSS.

#css

Build a fancy hover animation — анимация адаптивных монохромных карточек при наведении на чистом CSS.

#css

SVG Bike1.2 — анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG.

#css #svg

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

#css #javascript

Generative UI — функционал генерации случайных цветов с анимацией фонового цветного шара, реализованный с помощью библиотеки pixi.js.

#pixijs

С 8 по 10 августа в 21:00 по московскому времени участвуйте в бесплатном онлайн-интенсиве по UX/UI-дизайну.

Узнаете, как создавать удобные сайты и мобильные приложения на основе данных. Научитесь проводить интервью и UX-исследования. Сможете придумывать рабочие дизайн-решения и повысить свою профессиональную ценность. За это компании готовы платить больше, чем в среднем по рынку.

Просто зарегистрируйтесь: https://clc.to/y7NIFw

✔️ Познакомитесь с профессией UX/UI-дизайнера.
✔️ Рассмотрите тренды в UX/UI-дизайне в 2022 году.
✔️ Попрактикуетесь под руководством опытных спикеров: создадите экраны мобильного приложения и нарисуете их в Figma.
✔️ Получите обратную связь от экспертов.

Разобраться в теме помогут профи:
🔹 Сергей Попков — шеф-дизайнер, сооснователь AIC и Skillbox. 20 лет в дизайне. Вместе с командой AIC проектирует сайты и мобильные приложения для МТС, ВТБ, Сбера, Госуслуг, Азбуки вкуса, Simplewine, Ашана, Дом.рф, Мираторга и других крупнейших компаний.

🔹 Мария Фетискина — 7 лет в продуктовом дизайне. Запустила приложение «ДомКлик» для Сбербанка с рейтингом 4.9 на App Store. Приложение было признано лучшим сервисом в Рунете в 2018 году. Мария также создала систему скидок и акций для Яндекс.Маркета — маркетплейса, который ежедневно посещают 2 миллиона людей. Спикер конференции IT-Girls Russia и Skillbox.

📍 В первый день эфира подарим мини-учебник по Figma. В нём вы найдёте полезное и чёткое руководство для начинающих, а в будущем сможете заглядывать в него, чтобы вспомнить назначение инструментов и горячие клавиши.

📍 Каждый, кто оставит заявку на участие, сразу получит на почту чек-лист по подготовке к собеседованию на позицию UX-дизайнера.

Подключайтесь к прямым эфирам и используйте возможность получить сертификат на 10 000 рублей на любой курс Skillbox: https://clc.to/y7NIFw

Share Widget — виджет "Поделиться", внутри которого расположены ссылки на соцсети. Реализован с помощью JavaScript.

#javascript

Button — анимация появления разноцветных фигур при клике на кнопку, реализованная с помощью JavaScript.

#javascript