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

You have mail — письмо. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

CSS Scroll-Driven Glow Cards — светящиеся карты. Реализована с помощью CSS и JavaScript #анимация #css #javascript

SVG Calculator Dial — ползунок цен. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Threads ticket with Hologram Effect — билет. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Год толком не начался, а разработчики уже плачут. В 2023-м они пережили 237 обновлений. В 2024-м станет в 2 раза сложнее. Разработчики ежедневно адаптируются под свежие версии программ. Как везде успеть? Помогут эти каналы: Frontend 👉 @frontendnoteschannel; Backend 👉 @we_use_js; Вёрстка 👉 @webdevlair. Их ведут сеньоры, который на день раньше узнают о нововведениях. Ещё они пишут статьи и делают подборки с материалами других топ-спецов. Открывай в конце рабочего дня. Задачи станут проще, а повышение — ближе!

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

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

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

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

Всегда мечтали научиться создавать практичные приложения и удобные сайты? Присоединяйтесь к бесплатному мини-курсу, где вы получите практические советы и узнаете инсайты от опытного программиста, а также создадите 3 классных проекта — сайт, приложение и сервис — и добавите их в портфолио. 👉🏻Регистрация и подробная программа — по ссылке: https://epic.st/Yxpun 🧠Спикер мини-курса — Даниил Пилипенко, основатель и директор центра подбора IT-специалистов SymbioWay. 19 лет работает в сфере Java и веб-разработки, руководит командами разработки в разных проектах. Автор 10 курсов по программированию и карьере программистов. 🎉Всех участников ждут подарки: — сертификат на скидку 10 000 рублей на любой курс; — доступ к изучению английского языка на год; — персональная карьерная консультация. Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880

Hyperspace Button Effect — эффект при нажатии на кнопку. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Как создать свой первый интерфейс и понять, подходит ли вам UX/UI Воплощать в жизнь идеи и проектировать красивые и удобные интерфейсы UX/UI-дизайнерам помогает Figma. Если вы никогда не работали с этим графическим редактором — попробуйте на бесплатном курсе Нетологии. Эксперты из дизайн-лаборатории Mish познакомят вас с основными инструментами Figma и пошагово покажут, как создавать макеты сайтов и рекламные баннеры. Вы изучите принципы адаптивного дизайна, выполните 10 практических заданий — в том числе сделаете собственный кликабельный прототип мобильного приложения. Поймёте, чем занимается UX/UI-дизайнер и подходит ли вам профессия Реклама ООО Нетология LatgBz81u

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

Decryption Effect with Pseudo Elements — эффект расшифровки с псевдоэлементами. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Открываем новые горизонты фронтенд разработки! Наш канал - это непрерывный поток вдохновения и инноваций. Каждый день мы выкладываем новые уникальные работы, созданные с помощью сайта Codepen. От минималистичных дизайнов до эффектных анимаций - все в одном месте. Присоединяйтесь к нашей команде и улучшайте свои навыки вместе с нами!

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

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