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

Toss Toggle — необычная анимация переключателя. Реализована с помощью CSS и JavaScript. #анимация #css #js

Tab Bar Animation (Light) — анимированная панель навигации. Реализована с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

Frontend-разработчики создали каналы, в которых ежедневно выходят полезные посты. Специалист по JavaScript - образовательный канал по JS человеческим языком, с повседневными практическими заметками по языку. Сеньор Помидор - канал для frontend программистов, с примерами лучших решений на HTML|CSS|JS. Figma - Templates - канал, где собраны примеры реальных макетов в Figma, которые заказчики присылают на вёрстку.

Interactive ropes background — интерактивный фон с гирляндами. Реализован с помощью CSS и JavaScript. #анимация #css #js

☃️ Бесплатно освойте профессию дизайнера с нуля. Вместе сделаем вам портфолио из 4+ работ с личной поддержкой от наставника. Что вы получите? — Фидбэк (мощный разбор всех ДЗ от куратора) — Тусовка (личный кабинет с уроками + живой чат) — Портфолио и экзамен (упакуем по урокам и проверим) — Мастер-класс "как заработать на дизайне" и найти клиента 🔥 Будем делать: веб-дизайн, графический дизайн, анимацию интерфейсов. → Начать обучение бесплатно Программа бесплатного курса: — Обучение по Figma с нуля и 4+ дз с личным разбором — Изучение основ дизайна (контент, сетки, композиция т.д.) — Создание анимации интерфейса — Все о профессии и доходе дизайнера (как найти клиентов и сколько можно заработать) 👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы

Clouds of æther — анимированный фон с градиентом и размытием. Реализован с помощью SCSS и SVG. #анимация #scss #svg

Music App — дизайн интерфейса приложения для музыки. Реализован с помощью SCSS. #анимация #scss

Play with Header on Page Transitions — интерактивные заголовки на странице-портфолио. Реализованы с помощью SCSS и JavaScript. #анимация #scss #js

iOS Notifications — анимированные оповещения в стиле iOS. Реализованы с помощью SCSS и TypeScript. #анимация #scss #js

Untitled — анимиция в виде кляксы. Реализована с помощью CSS и JavaScript. #анимация #css #js

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

3D Interactive Card Hover — картиочки с эффектом при наведении. Реализованы с помощью CSS и JavaScript. #анимация #css #js

music player widget — виджет для проигрывания музыки. Реализован с помощью CSS и JavaScript. #анимация #css #js

Animated Star Rating — анимированный рейтинг в виде звезд. Реализован с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

Sliding tabs — анимированные вкладки приложения. Реализованы с помощью SCSS. #анимация #scss

Footer sorrow — анимированный подвал для вашего сайта. Реализован с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

3D banners with ScrollTrigger — эффект объемных баннеров на странице. Реализован с помощью CSS и JavaScript. #анимация #css #js

Custom Tooltip — небольшое меню с эффектом при наведении на кнопки. Реализовано с помощью CSS и SVG. #анимация #css #svg

Hyperspace Button Effect — анимированная кнопка. Реализована с помощью Pug, SCSS и JavaScript. #анимация #scss #js

Нужны качественные HTML шаблоны?  Сборник крутых и полезных решений для вашего будущего сайта с готовыми кодами на HTML. Здесь вы можете изучить реализацию понравившихся идей и применить их в своих проектах. HtmL Макеты @maket_html