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

Holiday Feature Folding Cards — анимация вращения голографической карточки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Bouncy image radio group — карточка изображений с анимацией и расширением при нажатии. Реализована с помощью CSS и JavaScript #анимация #css #javascript

GSAP On-Scroll Walking Cycle — скролл страницы. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

CSS scroll-driven scroll-snapping animations — анимация горизонтального перехода между страницами. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Ваш Level Up в мире Frontend-разработки WEBIK — канал для каждого, кто стремится проверить и углубить свои знания в вебе. Там публикуют: ✓ Тесты на понимание кода с объяснениями ✓ Разборы задач и вопросов с собеседований ✓ Авторские обучающие статьи простым языком ✓ Макеты и эффекты для ваших пет-проектов ✓ Крутые рецепты кода ✓ Очень смешные мемасики Вступай в WEBIK и становись крутым web разрабом!

Share Your Profile — кнопка с соц. сетями. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Seal of gravity — волейбольный котик. Реализована с помощью CSS и JavaScript #анимация #css #javascript

С 7 по 12 марта пройдёт леденящий душу марафон о самом устрашающем языке программирования — JavaScript. Марафон отлично подойдёт для всех, кто давно хотел научиться новому, но боялся начать. На 6 дней вы получите бесплатный доступ к тренажерам и полезным материалам HTML Academy. Выполняйте задания, знакомьтесь с JavaScript и побеждайте все страшные баги на своём пути. Ну или просто знакомьтесь с JavaScript, так тоже можно. На каждом этапе помощь наставника, а в конце марафона разбор всех вопросов и сложностей в прямом эфире. Среди участников мы проведем розыгрыш крутых подарков и предоставим скидки на наши лучшие продукты. Узнать подробнее.

Scroll-driven Animations — анимация прокрутки в сочетании с адаптивной страницей. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Procedural Birb — птички. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Charming brew — зелье любви. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Как разрабатывать CLI на Node.js? Узнайте на бесплатном практическом уроке от OTUS, где вы вместе с опытным экспертом разберете: 1. Введение в CLI-разработку 2. Основы работы с Node.js 3. Создание интерфейса CLI 4. Обработку пользовательского ввода 5. Взаимодействие с файловой системой и внешними API 6. Тестирование и отладку 7. Лучшие практики и советы разработки CLI ⏲ Встречаемся 6 марта в 20:00 мск в рамках курса «JavaScript Developer. Professional». Доступна рассрочка на обучение! Пройдите небольшой тест прямо сейчас, чтобы посетить бесплатный урок и получить запись: https://otus.pw/4KAD/?erid=LjN8KQoBc

Color Compare Range Slider — слайдер со сравнением разных цветов на фото. Реализована с помощью CSS и JavaScript #анимация #css #javascript

No JS Carousel POC — карусель с фото с возможностью переключения при помощи кнопок. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Thinking about SVG-preloaders — 4 варианта анимации загрузки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Thank You Animation — анимация звезды. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

MJ 404 in Pure CSS — дэнс на луне. Реализована с помощью CSS и JavaScript #анимация #css #javascript