codepen.js

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

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

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

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

Практичный JavaScript — от профи для профи Участвуй в конференции HolyJS, если ты опытный разработчик и используешь JavaScript-технологии для фронтенда и бэкенда.  📍 20–21 ноября, Санкт-Петербург с онлайн-трансляцией.  Тебя ждут хардкорные доклады о том, как превратить ИИ в полноценного тиммейта, использовать TypeScript в нестандартных сценариях и работать с графикой и 3D-анимациями на JS. Акцент в программе — на практических форматах: будет воркшоп по unit-тестам и разбор реальных кейсов с PWA и state-менеджментом. Будут и доклады о карьерных стратегиях. Для расширения кругозора — академический доклад с философским и историческим взглядом на JavaScript, который заставит иначе посмотреть на привычные технологии. Хочешь поучаствовать за счет компании? Покажи руководителю нашу статью на Хабре «5 причин отправить сотрудника на IT-конференцию». Пойдешь за свой счет ? Бери билет сейчас, пока цена не выросла — и не забудь промокод: CODEPENJS10 Реклама. ООО "ДЖУГ РУ ГРУП". ИНН 7801341446.

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

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

Leaping Like — виджет с четырьмя реакциями с анимацией. Реализована с помощью CSS и JavaScript #анимация #css #javascript

🔥Прими участие в Хакатоне Т1 в Нижнем Новгороде и поборись за призовой фонд 600 000 рублей! 📅 Когда: 19 – 22 сентября 🌐 Формат: онлайн + финал на площадке  Участвуй, если ты: 🔹студент тех/ИТ-направлений; 🔹развиваешься в dev, аналитике, дизайне, AI/DS/ML, DevOps; 🔹сможешь быть в Нижнем Новгороде 22-09. Выбери свой кейс: 🔸PingTower — сервис круглосуточного отслеживания доступности сайтов и мгновенных уведомлений о сбоях, позволяющий бизнесу не терять клиентов. 🔸HR Консультант — ИИ-консультант для карьерных сценариев и поиска талантов по умным фильтрам. Почему стоит участвовать: 🔻Кейс в портфолио и полезная обратная связь от менторов Т1; 🔻Шанс проявить себя, чтобы начать карьеру в одной из крупнейших ИТ-компаний; 🔻Реальный опыт командной работы. Регистрация открыта!   ➡️ Успей до 17 сентября по ссылке   Ты не из Нижнего Новгорода? Смотри расписание хакатонов в других городах.  #реклама О рекламодателе

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

Infinite Cover View v2 — слайдер, который бесконечно вращается по кругу. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Stripped Diagonal Button Single Border — ч/б эффект наведения с заливкой кнопки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Sunrise over still lake — восход солнца. Реализована с помощью CSS и JavaScript #анимация #css #javascript

🔥Прими участие в Хакатоне Т1 в Нижнем Новгороде и поборись за призовой фонд 600 000 рублей! 📅 Когда: 19 – 22 сентября 🌐 Формат: онлайн + финал на площадке  Участвуй, если ты: 🔹студент тех/ИТ-направлений; 🔹развиваешься в dev, аналитике, дизайне, AI/DS/ML, DevOps; 🔹сможешь быть в Нижнем Новгороде 22-09. Выбери свой кейс: 🔸PingTower — сервис круглосуточного отслеживания доступности сайтов и мгновенных уведомлений о сбоях, позволяющий бизнесу не терять клиентов. 🔸HR Консультант — ИИ-консультант для карьерных сценариев и поиска талантов по умным фильтрам. Почему стоит участвовать: 🔻Кейс в портфолио и полезная обратная связь от менторов Т1; 🔻Шанс проявить себя, чтобы начать карьеру в одной из крупнейших ИТ-компаний; 🔻Реальный опыт командной работы. Регистрация открыта!   ➡️ Успей до 17 сентября по ссылке   Ты не из Нижнего Новгорода? Смотри расписание хакатонов в других городах.  #реклама О рекламодателе

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

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

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

Beer Bottle Preloader — необычный виджет загрузки с бутылками пива. Реализована с помощью CSS и JavaScript #анимация #css #javascript

13.8 billion years ago — анимированная планета. Реализована с помощью CSS и JavaScript #анимация #css #javascript