codepen.js

Платные курсы больше не нужны! Эти каналы помогут освоить веб-разработку с нуля ➡️➡️ 🖥 Senior Frontend - JS, HTML и CSS 👩‍💻 Frontend Interview - как проходить собеседования 👩‍💻 Frontender Libs - библиотеки для фронтендеров 👩‍💻 Web Craft - только Web-разработка 👩‍💻 Python_practics - обучающие материалы по Python 📌 Практические задачи, разборы кода, тесты, вопросы с собеседований, полезные статьи С таким набором легко зайдешь в IT💪

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

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

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

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

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

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

💻 10 лет в IT, и я публикую только то, что сам читаю или собираюсь прочитать. Это самые важные статьи и новости, которые действительно нужны разработчику. Решил поделиться тем, что помогает мне быть в курсе всего. Подписывайся на @devdrafts_rss — здесь только то, что стоит твоего времени! 👉 @devdrafts_rss

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

Star Trails with options — звёзды генерируются и анимируются. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

Native CSS particle animation with sin() and cos() — анимация частиц. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Срочно❗️ Нужны люди, которые имеют минимальный опыт в IT. Покажем, как освоить профессию "Frontend" с зп от 150.000 ₽. Обучение с нас бесплатно! График: 2-3 часа или полный день, на выбор. Frontend-разработчик (frontend developer) — это специалист, который отвечает за создание пользовательского интерфейса сайта, приложения или ПО. Для вас: 1) Удаленная работа 2) Свободный график Можно совмещать с основной работой🔥 ✔️Не нужно что-то продавать или привлекать людей. ✔️За полгода вполне реально вырасти до зп в 300.000 рублей и больше денег. ✔️Мы научим вас искать клиентов, так что у вас уже будет работа. Сперва проводим бесплатный вводный урок: 👉 Регистрация на урок На уроке расскажем: — чем занимается Fronted-разработчик и за что ему готовы платить — зарплатные вилки разных специалистов от стажёра до тимлида — сколько времени нужно на обучение и стажировку — 8 шагов, чтобы стать frontend-разработчиком Если хотите попробовать себя в одной из самых востребованных профессий в 2024 году, то это ваш шанс! С нами вы сможете научиться этому быстро и уже через пару месяцев найти первых клиентов, а мы с этим поможем! Регистрируйтесь на бесплатный вводный урок по профессии: 👉 Зарегистрироваться

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

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

👨‍💻 Изучай фронтенд по мини-гайдам! Канал WebTaverna ежедневно публикуют полезные обучающие мини-гайды в картинках, а также различные полезные шпаргалки и советы по HTML, CSS и JavaScript ➡️ Подписывайся на WebTaverna А также не забудь заглянуть в jsProger, где ты найдешь обучающие мини-гайды чисто по JavaScript, без HTML и CSS ➡️ Перейти в канал jsProger

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

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