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

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

gpt game of life  — созданная с помощью GPT, игра в жизнь. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Как легко прокачать навыки верстки и найти работу? Присоединяйся к каналам опытного верстальщика: 2. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе. 2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду Научись и зарабатывай на верстке!

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

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

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

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

Прекрати мечтать и стань джуном за 30 дней Опытные Frontend-разработчики создали несколько бесплатных каналов, в которых регулярно выходят топовые посты для начинающих. @codepen_js — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. с сайта codepen. @figma_start — каждый день выпускаем крутые макеты для верстки. Выбери самый интересный и удиви рекрутеров! @linkforwork — ежедневно по одной ссылке в день на полезные сервисы, инструменты, конструкторы и сайты. @webofree — находим, отсеиваем и выкладываем проверенные бесплатные уроки по веб-разработке. @sign_in_it — канал с видеуроками и курсами, который научит тебя кодить с нуля за месяц. Развивайся с нами, ведь так проще!

Shapes, Clip-Path and CSS Grid — демонстрация CSS Shapes, CSS-свойства clip-path и CSS Grid. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Профессия «Python-разработчик». Курс с нуля до трудоустройства за 10 месяцев. Освойте один из самых популярных языков для бэкенда, научитесь создавать полноценные сайты и веб-приложения и реализовать внутреннюю логику работы программ на фреймворке Django. 🐍 Начнем писать код на первом уроке. Вас ждут сотни упражнений в тренажере, задачки-испытания для тех, кто любит посложнее, а также 4 проекта, в рамках которых вы напишете полноценные приложения для портфолио на GitHub 🔖Готовы попробовать прямо сейчас? Оставьте заявку и мы расскажем как пройти бесплатные курсы профессии! Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid: 2RanymM2sxU

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

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

Почему IT-шник должен быть чуть-чуть дизайнером? 🫣 Красивая обертка продукта привлекает людей. Больше людей — больше прибыль 💸 Как обучить пользователя интерфейсу? Куда поставить кнопки? Где оставить подсказки? Как вызвать эмоции? Ответ: знать дизайн. Не нужно быть художником! 💀 Достаточно черпать идеи из других продуктов, внедрять их в свой товар и смотреть, как повышаются продажи. В этом тебе поможет канал Подвинь пиксель. Здесь мы: 🗿 Показываем реальные ошибки дизайнеров 🔑 Даем бесплатные инструменты, виджеты и шаблоны для работы с дизайном 🎨 Обсуждаем технологии веб-дизайна, о которых ты не знаешь 🪄 Просто показываем интересные дизайн-решения для твоего вдохновения

Realistic 3D Photo Cards — всплывающие изображения. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

animated Mini Photo Gallery — анимированная мини-галерея. Реализован с помощью CSS. #анимация #css

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

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