Полезная вЁрстка

Glowing Shadows — цветные "тени", реагирующие на положение курсора. Реализованы с помощью SCSS и JavaScript. #анимация #scss #js

Spinner and Balls — анимированная загрузка. Реализована с помощью CSS и SVG. #анимация #css #svg

Vertical menu with gooey effect on hover — вертикальное меню навигации с эффектом при наведении. Реализовано с помощью SCSS и JavaScript. #анимация #scss #js

Можно ли начать зарабатывать на дизайне с нуля всего за 7 дней, не вложив при этом ни копейки? С каждого утюга свистят, что всё поглотили нейросети и дизайнеры больше не нужны. Это полный бред и наша онлайн-школа Unid готова разрушить этот миф! 👉 Чтобы наглядно это показать, мы приглашаем тебя на бесплатный 7-дневный интенсив по Figma, который стартует уже 12 мая. На нём ты с нуля создашь проект под руководством личного наставника и возьмёшь в работу первые заказы! Видеоуроки, чат с поддержкой и полезными материалами, личный куратор — всё для твоего результата!🔥 Программа интенсива содержит самую необходимую выжимку: от знакомства с Figma до полной упаковки портфолио и закрытия клиентов.  📣 Проведёт его Александра Гиря — арт-директор агентства Mod Agency. Создавала дизайн для KFC, Skylerro. 🎁 Бронируй место сейчас и получи: — Полный гайд для дизайнера! — 30 площадок для поиска заказов! 👉 ЗАБРОНИРОВАТЬ МЕСТО Старт 12 мая. Мы ждем тебя!

3D Ecommerce Experience with Spline — страница с 3D представление товара. Реализована с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Gradient background with waves — переливающийся фон с анимированными "волнами". Реализован с помощью CSS. #анимация #css

Responsive, Glittery Bank Card — анимированная банковская карточка с "блестками". Реализована с помощью SCSS и SVG. #анимация #scss #svg

Google Search - Redesign — редизайн поисковой страницы Google. Реализован с помощью CSS. #css

Открываем новые горизонты фронтенд разработки! Наш канал - это непрерывный поток вдохновения и инноваций. Каждый день мы выкладываем новые уникальные работы, созданные с помощью сайта Codepen. От минималистичных дизайнов до эффектных анимаций - все в одном месте. Присоединяйтесь к нашей команде и улучшайте свои навыки вместе с нами!

Card Hover with :has() — карточка с эффектом при наведении. Реализована с помощью SCSS и SVG. #анимация #scss #svg

Scroll driven gallery — галерея с необычным скроллом. Реализована с помощью CSS. #анимация #css

Развивай свои навыки и зарабатывай: бесплатный онлайн-интенсив по frontend-разработке ждет тебя! С 10 по 16 мая проводим бесплатный онлайн-интенсив по Frontend-разработке, где ты: 1. Создашь полноценный веб-сайт на HTML и CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Узнаешь сколько можно зарабатывать и как работать; 7. Получишь в подарок чек-лист «45 мест для поиска работы». В общем, за 7 дней обучения ты получишь все необходимые навыки, чтобы успешно стартануть в сфере frontend-разработки. Без опыта в программировании! И самое главное – ты увидишь, что разработка сайтов и приложений не так сложна, как кажется. Развивайся в этой профессии и зарабатывай от $1000 уже в следующем году! Хватит откладывать – присоединяйся к нашему интенсиву прямо сейчас!

Decaying Preloader — "разлагающаяся" анимированная загрузка. Реализована с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Loading Text Animation — загрузка в виде анимированного текста. Реализована с помощью SCSS. #анимация #scss

Nova - Points — анимированная 3D сцена со "звездами". Реализована с помощью CSS и THREE. #анимация #css #js

Magic area on hover/focus — анимированный эффект при наведении на объекты. Реализован с помощью SCSS и JavaScript. #анимация #scss #js

Space Travel — анимированная сцена с "полетом" в космосе. Реализована с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

Building Loader - CSS — загрузка в стиле анимированных зданий. Реализована с помощью CSS и Pug. #анимация #css

Как создать свой первый интерфейс и понять, подходит ли вам UX/UI Воплощать в жизнь идеи и проектировать красивые и удобные интерфейсы UX/UI-дизайнерам помогает Figma. Если вы никогда не работали с этим графическим редактором — попробуйте на бесплатном курсе Нетологии. Эксперты из дизайн-лаборатории Mish познакомят вас с основными инструментами Figma и пошагово покажут, как создавать макеты сайтов и рекламные баннеры. Вы изучите принципы адаптивного дизайна, выполните 10 практических заданий — в том числе сделаете собственный кликабельный прототип мобильного приложения. Поймёте, чем занимается UX/UI-дизайнер и подходит ли вам профессия https://netolo.gy/bA8I Реклама. ООО “Нетология”, LatgBfJVi

Variables font fun — текст с эффектом увеличения при наведении. Реализован с помощью CSS и JavaScript. #анимация #css #js