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

Card Hover Interaction — Карточки с всплывающей информацией при наведении. Реализованы с помощью CSS. #анимация #css

Skeuomorphic like button | SCSS nesting — анимированная кнопка лайка. Реализована с помощью SCSS и JavaScript. #анимация #scss #js

Макеты для вёрстки сайтов — это канал, где собраны уникальные примеры реальных макетов в Figma, которые заказчики присылают на вёрстку. Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами вместе с @build_html

Cute skeuomorphic checkboxes — стилизованный чекбокс с небольшими анимациями нажатия. Реализован с помощью SCSS. #анимация #scss

Snow (Pure CSS) - Падающий снег анимированный с помощью CSS. #html #css

ERROR — анимированное окно с ошибкой. Реализовано с помощью CSS, SVG и JavaScript. #анимация #css #svg

Учиться у опытного разработчика бесплатно Крутой способ учиться программированию - это следить за работой опытных разработчиков и перенимать фишки. Для этого и нужны стажировки Но можно и без стажировки - в канале @ViktorRyabkovIT ▪️Я - senior fullstack разработчик в международной компании с 6 летним опытом разработки В своем канале я планирую создавать бесплатный сайт с тестами для изучения фронтэнда И сделать процесс его создания - полезным контентом В чем польза? 👉🏻в канале я буду 30 дней показывать вам свою работу над проектом с нуля: обзоры кода, статьи с техническими фишками, видеоразборы - контент, как на платных курсах📚 Кстати, в канале уже есть "полный список сервисов, которые я использую для изучения фронтэнда" Зачем мне это? Меняю вашу подписку на реально полезный и уникальный контент. Это честно. Подпишись, следи и обучайся - https://t.me/+9Akebb4cIL0xNDBi

Multi card Spotlight effect — карточки с интересным эффектом при наведении. Реализованы с помощью CSS, JavaScript. #анимация #css #js

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

Google button click effect — кнопка с эффектом при нажатии как у Google. Реализована с помощью SCSS и JavaScript. #анимация #scss #js

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

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

Tuggable Light Bulb! — интерактивная лампочка с ручным переключением. Реализована с помощью CSS, Pug и JavaScript. #анимация #css

CSS-only Slide-up Caption Hover Effect — карточки с всплывающей информацией при наведении. Реализованы с помощью CSS. #анимация #css

Digital Rain – CodePen Challenge — сцена с "дождем" из символов, прямо как в матрице. Реализована с помощью CSS и JavaScript. #анимация #css #js

Button Hover Effects — кнопки с эффектом при наведении. Реализованы с помощью SCSS и JavaScript. #анимация #scss #js

Carousel with drag and wheel — анимированная карусель. Реализована с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

Любите котиков так же, как их любим мы? Тогда просто посмотрите на это — ребята из AvitoTech сделали очень крутой лендос и на примере объявления о поиске дома для кота рассказали, как всё выглядит изнутри. Если вы так же, как мы, думали, что Авито — это просто доска объявлений, то ребята точно вас переубедят. Вы не поверите, насколько сложные процессы там происходят. Скроллинг в виде клубка ниток — наша отдельная любовь. В общем, переходите на сайт и читайте про работу ребят — это реально очень интересно! Реклама. ООО «Авито Тех». LdtCKEK8h

Glowing button | SCSS nesting — кнопка с эффектом свечения. Реализована с помощью SCSS. #анимация #scss

Extreme Hover - анимированная карточка с эффектом при наведении. Реализована с помощью SCSS и JavaScript. #анимация #scss #js