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

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

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

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

Material Design - FAB Motion Animation — анимация изменения дизайна при нажатии. Реализована с помощью CSS и JavaScript #анимация #css #javascript

«Я💛Фронтенд 2024»: встречаемся 23 марта в Москве! Выступления спикеров, дискуссии с экспертами, новости веба, активности с подарками и, конечно же, нетворкинг — программа будет насыщенной. Вы сможете послушать доклады крутых специалистов, напрямую задать им свои вопросы, познакомиться и пообщаться с другими участниками сообщества. А чтобы ожидание конференции пролетело незаметно, мы подготовили разные интересные онлайн-выпуски, которые будут выходить на нашем сайте. Уже можно посмотреть: 🔸«Как это можно переписать?» Обсудили, как найти разный подход к созданию одного и того же кода и выбрать тот, что понравится именно вам. 🔸 «Как устроены собеседования в Яндексе» СЕО Hexlet Кирилл Мокевнин поделился, почему полезно ходить на профильные конференции и как это может повлиять на поиск и устройство на работу. 🔸 «Докладчики и конференции» Рассказываем, как найти тему для выступления и побороть страх того, что она будет никому не интересна. Смотрите выпуски на сайте и регистрируйтесь на конференцию. 20 марта перестаём принимать заявки на участие офлайн.

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

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

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

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

Материалы из этого канала дают на платных курсах Frontend Portal — настоящий портал для тех кто хочет стать востребованным frontend-разработчиком. Полезные ресурсы, шпаргалки, разбор вопросов с собеседований, задачи, викторины и многое другое 👉 Присоединяйтесь к @FrontendPortal и станьте частью дружного frontend-комьюнити!

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

infinite on top — анимация в виде бесконечности. Реализована с помощью SCSS и SVG. #анимация #scss #svg

2kb total size SVG animation — сцена с абстрактным анимированным фоном. Реализованная с помощью CSS и SVG. #анимация #css #svg

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

Вместе уютно собираемся по вечерам каждый у себя дома и учимся верстать сайты с нуля. В комплекте приятная музыка, тёмная тема и добрейшее сообщество неопытных верстальщиков, которые вообще-то огого и всем ещё покажут. Всё это будет на бесплатном марафоне по HTML и СSS «ночной кружок по вёрстке», который пройдёт с 20 по 25 марта. За 6 дней вы: — Изучите основы веб-технологий и попробуете себя в роли фронтенд-разработчика; — Напишете в тренажёрах свои строчки кода и увидите как изменяется страница сайта в реальном времени; — Поймёте нравится ли вам веб-разработка Вступить в кружок.

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

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

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

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

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