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

404 Concept Page — анимация адаптивной страницы ошибки 404 на чистом CSS.

#css

Loading more content when scrolled — загрузка дополнительного контента при прокрутке страницы, реализованная с помощью JavaScript.

#javascript

Power switch animation — крутая анимация выключателя питания на чистом CSS.

#css

БЕСПЛАТНЫЙ 14-ДНЕВНЫЙ КУРС ПО 3D MAX С ЛИЧНЫМ НАСТАВНИКОМ

Олег Кононыхин, 3D-визуализатир с 20-летним опытом, поделится знаниями и практическими фишками работы в 3D Max.

Что вас ждет?

📗90% учебной программы ー чистая практика.
Вы с нуля сделаете визуализацию комнаты на основе реального фото интерьера. Так что записаться на курс вы можете, даже если еще ни разу не открывали 3D Max.

📘10% ー концентрированная теория без воды.
Олег поделится своими знаниями о 3D-моделировании и расскажет, как вам стать визуализатором и начать зарабатывать уже в этом году.
В результате вы сделайте сочную 3D-визуализацию, которую сможете добавить в портфолио 🔥

📙Во время всего обучения у вас будет персональный наставник, который поможет довести вашу работу до классного результата и ответит на все вопросы.🍒

В конце Олег проведет онлайн-разбор проектов, а автор лучшей работы получит от него 10.000 руб.

💡Доступно всего 500 мест, старт 12 августа. Чтобы зарегистрироваться на бесплатный курс, перейдите по ссылке и нажмите "Start" (Начать) -> https://t.me/diskill2_bot

Turning pages with CSS — анимация перелистывания страниц, реализованная на чистом CSS.

#animation #css

Pass Strength Shield — поле для ввода пароля на React. Анимация реализована с помощью GSAP и DrawSVGPlugin3.

#gsap #react

Creative Wave Button — креативная кнопка с анимацией волн на чистом CSS.

#css #animation

Hover Responsive Parallax Cards — адаптивные карточки с эффектом параллакса при наведении курсора, созданные с помощью Vue.

#vue

Light/Dark Mode Toggle With Curtain Effect — переключение светлого / темного режима с эффектом передвижения занавески на чистом CSS.

#animation #css

CSS Reaction — анимация в стиле логотипа React, реализованная на чистом CSS.

#css

Link hover — 14 стилей анимации при наведении на ссылку на чистом CSS.

#css

CSS Animations: Obvious CTA Buttons — кнопки призыва к действию, при наведении появляется анимация. 4 вида анимации реализованы на чистом CSS.

#css

Star rating — рейтинг в виде звёзд на чистом CSS.

#css

CSS filter Editor — редактор CSS-фильтров для изображений. Есть готовые пресеты. Также можно настроить различные фильтры. После настроек можно скопировать готовый код для своего проекта.

#css

Simple Vue 8 Puzzle — простая головоломка в стиле "Пятнашки", реализованная с помощью Vue.

#vue