Проекты на Javascript | HTML | CSS

Bongo Cat Codes #2 — весёлый котик пишет код. Анимация зацикливания реализована с помощью GSAP и DrawSVGPlugin. #gsap #javascript

Pizza Loader — загрузка в виде анимированной пиццы. Реализованная с помощью CSS, SVG и JavaScript. #css #svg #javascript

Neumorphism Gradient Loader Animation Effects — анимированная загрузка-градиент. Реализована с помощью SCSS. #scss

🎨 Искусство в каждом пикселе! 🎨 Хочешь стать веб-дизайнером, который выделяется? "Подвинь пиксель" — твой стартовый пакет! 🌅 Тренды Чтобы разжечь твою креативность! 📚 Переводы Мировые знания — теперь на русском! 📖 Знания и терминология Расширь свой интеллектуальный багаж! 🎯 Хоткеи и лайфхаки Ускорь свою работу в несколько раз! 🛠️ Инструментарий для figma Лучшие плагины и виджеты с прямыми ссылками! 🔥 Ценные ресурсы От шрифтов и иконок до эксклюзивных файлов недели! 👉 Подпишись и стань дизайнером нового поколения за 0️⃣ рублей! 🚀 🎉 Подвинь Пиксель — твой шорткат в мир веб-дизайна! 🎉

The aurora — текст с анимированным градиентом. Реализована с помощью CSS #css

Плохие новости на 2023 год для тех, кто мечтает зарабатывать на Фрилансе.  Новость №1: 90% фрилансеров не зарабатывают на фриланс биржах достаточно денег, что бы закрыть свои базовые потребности, не говоря уже о путешествиях и остальном. Новость №2: Подавляющее количество новичков, прошедших обучение на веб дизайнера, верстальщика, программиста в первый год не заработают ни копейки денег, просто потому что зарабатывать никто не учит. Для обучения в новой сфере не нужен университет и популярные платные курсы — это трата денег и времени Всё просто: заходим в «Внеконкурентный Подход» — читаем посты — выполняем шаги — меняем мышление — вуаля, ты разработчик ПОЛНОГО ЦИКЛА, которому не нужны работодатели. На канале ты найдешь свой способ войти в IT, узнаешь ответы на все популярные вопросы и наконец обретёшь новую профессию. Все шаги от А до Я, чтобы стать независимым разработчиком— здесь, присоединяйся: Перейти в канал.

Card Hover Interaction — карточки с всплывающей информацией при наведении. Реализованы с помощью CSS. #css

Clean CSS Glitch — анимированный текст с эффектом глича. Реализован с помощью CSS. #css

Как я стал фронтендером 1. Смотрел уроки на ютубе 2. Делал портфолио на гитхаб 3. Начал читать Frontend || Vollex Frontend Vollex выжимает воду из курсов, книг, видеоуроков и заботливо делится самым главным. Гайды, готовый код, тесты и никакой копипасты. Вы знаете, что делать: @vollex_frontend

Tiling SVG Animation — анимация из чего состоят разные кофейные напитки. Реализована с помощью CSS и JavaScript #css #javascript

Rotating border 3 — анимированная рамка для объектов. Реализована с помощью SCSS. #scss

Trash button animation — анимация кнопки удаления в форме корзины. Реализована с помощью CSS и JavaScript #css #javascript

Clean CSS Glitch — анимированный текст с эффектом глича. Реализован с помощью CSS. #css

Landing page with swiper — карусель с изображениями. Реализована с помощью CSS и JavaScript #css #javascript

Moon/Sun Clip — интересная реализация переключения светлой и темной темы. Реализована с помощью CSS и JavaScript #css #javascript

Variable Themes — меню с выбором темы. Реализована с помощью CSS и JavaScript #css #javascript

Range Sliders — переключатель, который невозможно переключить. Реализована с помощью CSS и JavaScript #css #javascript

Navigation bar concept — интерактивная навигационная панель. Реализована с помощью CSS и JavaScript #css #javascript

Weather Icons - анимированные иконки погоды. #css

Keyboard Hero - клавиатурный тренажёр. #css #javascript