codepen.js

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

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

⚡️ YouTube больше не нужен! Блогеры переезжают в Telegram, а разработчики из Big Tech не остались в стороне и уже перенесли терабайты платного контента в свои каналы: 📱 Frontend: @frontend 📱 Дизайн: @design 📱 Python: @python 📱 Java: @java 📱 Английский в IT: @english 📱 IT Библиотека: @library 📱 IT Мемы: @memes

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

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

🔥 6895 ГБ платного контента для программистов выложили в Telegram Тонны курсов, уроков и видео теперь в открытом доступе: 🖥 Frontend — 981 ГБ 🖥 Backend — 817 ГБ 🖥 Python — 724 ГБ 👩‍💻 Все языки — 4373 ГБ Успей подать заявку, пока не удалили

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

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

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра. 🔥 С нас обучение, практика и помощь с выходом на фриланс.

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

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

Track Packages Reproduction — шкала готовности заказа или доставки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Social share button —  кнопка "поделиться" с предложением списка соцсетей. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Вам нравится читать контент на этом канале? Возможно, вы задумывались о том, чтобы купить на нем интеграцию? Следуйте 3 простым шагам, чтобы сделать это: 1) Регистрируйтесь по ссылке: https://telega.in/n/codepen_js 2) Пополняйтесь удобным способом 3) Размещайте публикацию Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его.

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

Codepen Challenge: CSS Maths — анимация частиц. Реализована с помощью CSS и JavaScript #анимация #css #javascript

HTTP API или SMTP — что выбрать при настройке email на сайте? При создании сайта клиенты часто просят подключить сервис email-рассылок. Для этого есть два способа: HTTP API или SMTP. Для выбора важно знать все нюансы (скорость, приоритеты и др.). Ими в своей статье “HTTP API или SMTP” поделился сервис email-маркетинга DashaMail. Для веб-разработчиков DashaMail предлагает реферальную программу. Подключи своих клиентов к сервису и получай 20% со всех их оплат за доступ к сервису в течение двух лет! Реклама. ООО "ПИСЬМО". ИНН 7811602601.

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

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

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