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

3D Loader Cube 😎 — прыгающий кубик за место скучной загрузки. Реализован с помощью CSS. #анимация #css

Wavy login form — анимированная форма входа. Реализована с помощью CSS #анимация #css

Learn frontend tips - telegram-канал в котором вы найдёте подсказки для frontend разработчиков по: ✓ HTML ✓ CSS ✓ JavaScript ✓ UX/UI

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

The Cube of Cubes! — анимация куба распадающегося на более мелкие кубы. Реализована с помощью SCSS. #анимация #scss

@react_org — telegram-канал в котором собраны рекомендации по написанию кода для проектов на React, TypeScript, JavaScript. Подпишись и ускорь свою работу 👇

Neumorphism Gradient Loader Animation Effects — анимированная загрузка-градиент. Реализована с помощью SCSS. #анимация #scss

Loading Goes Off Track — необычная анимация загрузки. Реализована с помощью CSS и SVG. #анимация #css #svg

Как фронтедеру повысить навыки верстки и создавать такую красоту? Практика - мать успеха, поэтому мы тут для тебя собрали макеты разной сложности, которые ты можешь верстать и набивать руку А еще недавно провели соревнования за звание лучшего верстальщика с денежным призом Может, ты сумеешь победить в следующих?

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

Organism - абстрактная анимация. Реализованная с помощью CSS #анимация #css

@web_code - телеграм-канал, в котором ты найдёшь готовые решения на html, css и javascript для своих проектов. Канал читают как новички, так и опытные программисты.  Подпишись и ускорь свою работу 👇

Curl noise - пример curl noise с элементами в виде коробок. Реализована с помощью CSS и JavaScript. #анимация #css #javascript

Moon Prototype — анимированный прототип луны. Реализован с помощью CSS. #анимация #css

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

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

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

Верстаешь? Пишешь фронт? Тогда мы по адресу! Залетай на канал Будни разработчика! Здесь уникальные заметки про фронтенд, тимлидство и неочевидное в разработке. Ежедневные посты о фишках вёрстки и фронта, разборы лучших статей и нюансы работы браузеров. Подписывайся!

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

HomeSet Studio logo animation — анимированный логотип для студии. Реализован с помощью SCSS. #анимация #scss