codepen.js

⚡️ В сети начали массово сливать курсы и книги известных онлайн школ по айти Вот отсортированная база с тонной материала (постепенно пополняется): (363 видео, 87 книги) — Python (415 видео, 68 книги) — Frontend (143 видео, 33 книги) — ИБ/Хакинг (352 видео, 89 книги) — С/С++/C# (343 видео, 87 книги) — Java/QA (176 видео, 32 книги) — Git/Linux (174 видео, 91 книги) — DevOps (167 видео, 53 книги) — PHP/1С (227 видео, 83 книги) — SQL/БД (114 видео, 77 книги) — Сисадмин (107 видео, 43 книги) — BA/SA (181 видео, 32 книги) — Go/Rust (167 видео, 43 книги) — Kotlin/Swift (112 видео, 24 книги) — Flutter (137 видео, 93 книги) — DS/ML (113 видео, 82 книги) — GameDev (183 видео, 37 книги) — Дизайн (136 видео, 33 книги) — PM/HR Скачивать ничего не нужно — все выложили в Telegram

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

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

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

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

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

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

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

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

Хороший разработчик знает ответ. Отличный — понимает, почему так работает. Хочешь прокачаться в современном фронтенде так, чтобы понимать код глубже, чем просто «работает — и ладно»? Я больше 7 лет работаю фронтендером, прошел путь от стажера в галере до ведущего разраба в бигтехе, а еще веду свой блог в котором: 🔥 разбираю настоящие кейсы из практики 🧠 объясняю тонкости JavaScript простым языком 💡 показываю ошибки, которые делают даже опытные разработчики 🚀 рассказываю про React, Telegram Mini Apps, инструменты и тренды 🎯 делюсь опытом разработки, архитектуры и реальных проектов Если тебе важно понимать почему код работает, а не просто копировать то что выдал ЧатГПТ— присоединяйся 👇 Пописывайтесь по ссылке, будет интересно и познавательно

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

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

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

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

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

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

3D Cover Flow — анимированные карточки с интересным эффектом движения. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

AI13: GLSL Video Transition — слайдер из карточек с информацией. Реализована с помощью CSS и JavaScript #анимация #css #javascript