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

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