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

Typing Effect — генерируемый текст. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Liquid Button — анимированная кнопка. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Text scroll and hover effect — текст с анимациями при пролистывании и наведении. Реализована с помощью CSS и JavaScript #анимация #css #javascript

IOS style scrolling dock with scroll-driven animation — панель в стиле IOS с возможностью скроллинга. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Как легко прокачать навыки верстки и найти работу?  Присоединяйся к каналам опытного верстальщика:  1. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе. 2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду Научись и зарабатывай на верстке!

Rube Goldberg — необычная реализация формы ввода. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Gusano loader — прелоадер, напоминающий кубик Рубика. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Clock — ожидание загрузки в виде механических часов. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Hi-Tech Notification Button — кнопка уведомления. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Hamburger menu animation — вариант анимации для кнопки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Background animation — плавная смена градиента. Реализована с помощью CSS и JavaScript #анимация #css #javascript

👩‍💻 Всем программистам посвящается! Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩‍💻 Frontend — t.me/frontend_ready 📱 JavaScript — t.me/javascript_ready 👩‍💻 Backend — t.me/backend_ready 📱 GitHub — t.me/github_ready 👩‍💻 Python — t.me/python_ready 👩‍💻 Всё IT — t.me/it_ready 👩‍💻 Java — t.me/java_ready 🖥 Базы Данных & SQL — t.me/sql_ready 👩‍💻 C/C++ — https://t.me/cpp_ready 👩‍💻 C# & Unity — t.me/csharp_ready 🖼️ DevOps — t.me/devops_ready 🤔 Хакинг & ИБ — t.me/hacking_ready 👩‍💻 Linux — t.me/linux_ready 👩‍💻 Bash & Shell — t.me/bash_ready 👩‍💻 Нейросети — t.me/neuro_ready 📖 IT Книги — t.me/books_ready 🖥 Design — t.me/design_ready 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

👩‍💻 Всем программистам посвящается! Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩‍💻 Frontend — t.me/frontend_ready 📱 JavaScript — t.me/javascript_ready 👩‍💻 Backend — t.me/backend_ready 📱 GitHub — t.me/github_ready 👩‍💻 Python — t.me/python_ready 👩‍💻 Всё IT — t.me/it_ready 👩‍💻 Java — t.me/java_ready 🖥 Базы Данных & SQL — t.me/sql_ready 👩‍💻 C/C++ — https://t.me/cpp_ready 👩‍💻 C# & Unity — t.me/csharp_ready 🖼️ DevOps — t.me/devops_ready 🤔 Хакинг & ИБ — t.me/hacking_ready 👩‍💻 Linux — t.me/linux_ready 👩‍💻 Bash & Shell — t.me/bash_ready 👩‍💻 Нейросети — t.me/neuro_ready 📖 IT Книги — t.me/books_ready 🖥 Design — t.me/design_ready 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

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

Time — цифровые часы. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Pop button — анимированная кнопка. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Rainbow cloud trail — переливающееся облако, следующее за курсором. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Mini Music Player — минималистичный плеер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Animated feedback form — анимированная форма обратной связи. Реализована с помощью CSS и JavaScript #анимация #css #javascript