Фронтенд Гайд

Direction-aware 3D hover effect Трехмерный эффект наведения с учетом направления движения курсора. Собрано с помощью SCSS и JavaScript. #CodePen

Макет Figma интернет магазина строительной и климатической техники 🗂 Категория: Интернет магазина 💵 Сложность: Сложный 📱 Адаптив: ✅ 📄 Страницы макета - 6 #Макет

GitHub Logo Анимация логотипа GitHub в стиле очень узнаваемого бренда 😄 Собрано на чистом CSS. #CodePen

Макет Figma лендинга на тему недвижимости 🗂 Категория: Лендинг 💵 Сложность: Простой 📱 Адаптив: ❌ 📄 Страницы макета: Главная #Макет

Button Hover Effects Не стандартный ховер эффект. Собрано с использованием SCSS и JavaScript. #CodePen

Информация для тех, кому предстоит поддерживать проекты на Vue2 и мигрировать на Vue3 🎏 31 марта мы закрываем продажи курса по Vue2. Прямо сейчас и до конца марта можно купить два курса Vue2+Vue3 со скидкой 25%. Вы научитесь с нуля создавать и стилизовать проект, добавлять анимации в веб-приложение и проводить тестирование. Приобрести пакет курсов.

Макет Figma лендинга для ресторана 🗂 Категория: Лендинг 💵 Сложность: Очень простой 📱 Адаптив: ✅ 📄 Страницы макета: Главная #Макет

💥 Участвуй в хакатоне Optimize & Organize Challenge с призовым фондом в размере 300 000 рублей. Хакатон пройдет в гибридном формате с 7 по 15 апреля. Регистрация открыта до 5 апреля по ссылке: https://cnrlink.com/optimizeorganize7 На хакатон приглашаются frontend-, backend-специалисты, UX/UI-дизайнеры и аналитики с любым уровнем навыков и из любого города России. Участие осуществляется в командах от 3 до 5 человек. Командам необходимо будет создать Цифровой помощник по учету объектов недвижимости. Таймлайн  Optimize & Organize Challenge: ● До 5 апреля – регистрация участников ● С 7 по 9 апреля – начало работы над проектами, чек-поинты с экспертами в онлайн-режиме ● 13 апреля – объявление финалистов ● 15 апреля – гибридный финал хакатона: защита проектов, награждение победителей Финал состоится в Москве. Будет возможность выступить онлайн. 👉 Успей зарегистрироваться по ссылке до 5 апреля: https://cnrlink.com/optimizeorganize7

90% - SVG Animation SVG-анимация загрузки. Собрано с помощью CSS и JavaScript. #CodePen

Макет Figma сайта каталога обручальных и помолвочных колец. 🗂 Категория: Каталог 💵 Сложность: Умеренный 📱 Адаптив: ✅ 📄 Страницы макета - 13 #Макет

Futuristic 3D hover Effect Кнопки с 3D эффектом при наведения. С подсветкой каждой кнопки. Собрано на SCSS. #CodePen

Макет Figma лендинга на тему аналитики данных. 🗂 Категория: Лендинг 💵 Сложность: Простой 📱 Адаптив: ✅ 📄 Страницы макета: Главная #Макет

Modal Mitosis | CSS-Only Gooey Content Toggle Анимированная карточка со всплывающей дополнительной информацией. Собрано на SCSS. #CodePen

Макет Figma интернет-магазина спортивного питания. 🗂 Категория: интернет-магазин 💵 Сложность: сложный 📱 Адаптив: ✅ 📄 Страницы макета (18) #Макет

3D Card Карточки с 3D эффектом при наведении. Собраны на чистом CSS. #CodePen

Макет Figma сайта-каталога по продаже автомобилей. 🗂 Категория: Каталог 💵 Сложность: Умеренный 📱 Адаптив: ✅ 📄 Страницы макета (6): - Главная - Каталог - Детальная товара - Контакты - Отзывы - 1 контентная страница #Макет

Mini Music Player - VueJS Миниатюрный музыкальный плеер с интересной анимацией. Собрано на SCSS и VueJS. #CodePen

Макет Figma простого Лендинга на тему путешествий. 🗂 Категория: Лендинг 💵 Сложность: Простой 📱 Адаптив: ❌ 📄 Страницы макета: Главная #Макет

Card Outer GLow Effect Интерактивные карточки товара. Собраны на чистом CSS. #CodePen