codepen.js

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

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

Animated Social Links — карточки принимают 3D-форму при наведении на соцсети. Реализована с помощью CSS и JavaScript #анимация #css #javascript

3D Tilting Card Effect — карточка с информацией. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Converting a checkbox when running tasks — преобразование флажка при выполнении задач по аналогии с заметками. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

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

Upload Progress Animation Microinteraction — анимация выполнения работы . Реализована с помощью CSS и JavaScript #анимация #css #javascript

gsap-bubbly-bath — кошечка в ванне. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

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

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

Совет на ближайшие годы — изучайте ВАЙБ-КОДИНГ ИИ уже пишет код, чинит баги, генерирует тесты, документацию и помогает запускать продукты быстрее, чем это делали классические команды разработки. И это уже не "будущее когда-нибудь", а реальность, которая меняет рынок уже сегодня И те, кто научится вайбкодить сейчас, будут увереннее конкурировать на рынке и зарабатывать больше тех, кто по-прежнему делает всё вручную. Стартовать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы. Подписывайтесь, нас уже 35 тысяч: @vibecoding_tg

Как frontend-разработчику вырасти в ЗП? День сурка frontend-разработчика выглядит так Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость». И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...

Ты тоже можешь получить оффер в компанию, в которой тебя будут ценить и хорошо платить.

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. В своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и трогательных отзывов, найти их можно в канале. Реклама, erid: 2W5zFJXVnph ИП Галактионов Тихон Витальевич, ИНН 771618975809

Подписывайся Если ты: -хочешь быть в курсе AI-инструментов, которые реально ускоряют работу -ищешь честные обзоры (с реальным опытом) -любишь готовые сниппеты с CodePen, адаптированные под задачи -иногда полезно глянуть, как работают React, Next или просто JS в реальных ситуациях ...залетай 👇 👉 подписаться moshniyWeb

Social media hover icons — анимация социальных сетей с всплывающими заголовками. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Evervault Hover Effect — необычный эффект при наведении. Реализована с помощью CSS и JavaScript #анимация #css #javascript