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

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

✅ Laboratory of Marketing дает возможность узнать много интересной информации в мире Web разработки. 😉 ✅ Каждый день мы публикуем полезные ссылки или посты сразу с готовым кодом и примером их использования. ✅ Стань частью сообщества. Подпишись на наш телеграмм канал! 🎯 https://t.me/code_ready https://t.me/code_ready https://t.me/code_ready

CSS Switch - Day and Night — анимированный переключатель. Реализована с помощью CSS #анимация #css

GSAP - Scroll animation - Text border on image — анимация текста при прокрутке. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

JavaScript теперь в телеграм! JavaScript — самый популярный язык в мире, он используется в 95% всех сайтов, которые вообще существуют. Теперь у JS есть русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсов. Стоит подписаться!

Rotating border 3 — анимированная рамка для объектов. Реализована с помощью SCSS. #анимация #scss

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

Аnimated menu indicator — интерактивное меню. Реализована с помощью SCSS и JavaScript #анимация #scss #javascript

3D banners with ScrollTrigger — эффект объемных баннеров на странице. Реализован с помощью CSS и JavaScript. #анимация #css #js

Журнал «Код» — это база для начинающих программистов. Отвечаем на самые простые вопросы и делимся мудростью.  Подписаться: @thecodemedia Реклама. ООО "ЯНДЕКС". ИНН 7736207543. erid: 2RanymDhymi

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

Sliding Icon Menu  — меню с анимацией скольжения между пунктами-иконками. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Прекрати мечтать и стань дизайнером за 50 дней Опытные дизайнеры создали несколько бесплатных каналов, в которых регулярно выходят топовые посты для начинающих. Макеты для верстки — самый крупный канал с макетами Figma. Твой бесконечный источник вдохновения. Figma Premium — находим и выкладываем смачные материалы для веб-дизайнеров. Премиальные шаблоны, плагины и файлы. Мокапыч — канал с бесплатными материалами для дизайнеров. Качественные подборки мокапов, шрифтов, иконок, текстур и паттернов. Figma Start — канал с качественными макетами Figma. Твой бесконечный источник референсов. Развивайся с нами, ведь так проще!

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

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

Стань Frontend-разработчиком без регистрации и СМС! Ведущие специалисты в области разработки интерфейсов создали ряд бесплатных Telegram каналов, чтобы все начинающие могли получить актуальную информацию совершенно бесплатно. Простой JavaScript — канал, где объясняют тонкости JS человеческим языком. Подписывайся и повысь свой чек. Проекты на Javascript | HTML | CSS — канал, в котором ты найдёшь готовые решения на HTML, CSS и JavaScript. Learn frontend tips — канал в котором вы найдёте подсказки для Frontend-разработчиков. Tests front-end — канал в котором публикуют тесты разной сложности по HTML / CSS / JavaScript. Развивайся с нами, ведь так проще!

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

Variable font responding to mouse movement  — текст со шрифтом меняющимся в зависимости от положения курсора. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Как быстро собрать такую форму оплаты? Легко! Фронтенд гайд, это канал для фронтендеров, в котором публикуют: ✓ Готовый код ✓ Макеты для верстки ✓ Тесты на знание кода Ускорь работу над своим проектом!