Полезная вЁрстка

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

Скучно было учить на информатике Word, Excel и Pascal? Понимаем, мы тоже учились и тоже через всё это прошли. Но мы точно знаем, что делать сайты гораздо веселее, и приглашаем делать их вместе с HTML Academy. В прямом эфире мы расскажем всё о профессии веб-разработчика, напишем рандомайзер на JavaScript, обсыпем его блёстками и анимациями, а потом прямо в нём разыграем 3 профессии «Фронтенд-разработчик» в самостоятельном формате. Даже если ничего не знаете про IT — вы точно справитесь с обучением. После прохождения курса мы дадим вам сертификат от самой экспертной школы веб-разработки, проекты для портфолио и поможем найти первую работу. Регистрируйся на лайв, который состоится 12 октября в 13:00, и принимай участие в розыгрыше.  Узнать подробнее.

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

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

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

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

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

Gradient Text Animation  —  градиентная анимация текста. Реализована с помощью CSS #анимация #css

Совет фронтендерам: уважайте свое время В Html Gram собраны готовые и уникальные codepen решения на каждый день. От эффектов при наведении до 3D анимации. Учитесь, практикуйтесь и прокачивайте свое портфолио вместе с @HtmlGram

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

Sharp and Glowing Dark Card —  анимированная карта со светящимся границей. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Не знаешь каким крутым проектом пополнить портфолио? @Figma2html — самый крупный канал с макетами для верстки. Первоисточник всех макетов в Telegram. 👉 Бесконечный источник для твоего портфолио

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

Rings —  красивый эффект колец. Реализована с помощью CSS #анимация #css

codepen.js — канал с крутыми и полезными фичами для вашего сайта: готовый код на CSS и JavaScript, который можно вставить в проект. Подписывайся, выкладываем свежие исходники каждый день!💡

Random Background Generator —  генератор красивых фонов для сайта. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Magic Motion Button —  анимированная кнопка с 3D фигурами. Реализована с помощью CSS #анимация #css

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

Neumorphism Clock —  часы в стиле неуморфизма. Реализована с помощью CSS #анимация #css