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

Light/Dark Mode Toggle Переключение светлых/темных режимов с эффектом занавески, реализованное на чистом CSS. #переключатель #чекбокс #css

Candy Color Button Animation - Анимация кнопок, которая сделана на чистом CSS. #кнопка #html #css

Click Me - Анимированная кнопка, которая подсвечивается при нажатии. #кнопка #html #css

Хотите освоить профессию фронтенд-разработчика в 3 раза быстрее, чем на обычном онлайн-курсе? Тогда станьте фронтенд-разработчиком в онлайн-буткемпе Хекслета! ✅ Мы переработали формат обучения — разбили классическую программу «Фронтенд-разработчик» на модули со спринтами и дедлайнами. ✅ Погрузили в продакшен. В рамках обучения студенты будут участвовать в Open Source проектах Хекслета и работать с чужим кодом, чтобы развить soft skills и повысить шансы на трудоустройство. ✅ Усилили поддержку наставника. Теперь он с вами на связи 8 часов в день. Будет больше активностей в чате и времени на каждого студента, чтобы помочь разобраться со сложностями. ✅ Сделали основной упор на практику. Помимо лайвкодинг-сессий, добавили формат практических разборов упражнений, консультаций. Вы будете очень много кодить: набивать руку и перестраивать мозг. ✅ Приблизили к трудоустройству. Собрали 2-недельный Карьерный трек из самых важных этапов подготовки к поиску работы. Готовое резюме, упакованное портфолио и настрой на успех. Буткемп потребует от вас максимум включенности и личного времени. Будет сложно, но оно того стоит!🤘

Nav Bar Micro Interaction Панель навигации с микро-взаимодействием при наведении, реализованная на чистом CSS. #панельнавигации #css

Custom Tooltip Меню при нажатии на которое появляется пользовательская подсказка. Написано на чистом CSS. #меню #css

Text Morph Анимация трансформации текста. Написана на чистом CSS. #анимация #CSS

Pure CSS Cycling Animation - Велосипедистка, анимированная с помощью CSS. #html #css

⚡️Становимся JavaScript разработчиками прямо в Telegram Настоящий JavaScript — бесплатные выжимки самой полезной информации с популярных платных курсов по JavaScript. Изложено так просто, что научится кодить даже гуманитарий. Подписывайся, это то, что ты так долго искал: @true_js

Search box animation - Анимация появления формы поиска при нажатии на иконку лупы. #html #css #js

CSS Scroll Reveal animation text and image with delay v2 - Популярный эффект reveal для плавного появления текста или картинок при скролле. #html #css #js

В Яндекс Практикуме началась Чёрная пятница: скидка 20% от Яндекса при оплате учёбы в рассрочку или в кредит — всем, кто пройдет вводную часть курса до 30 ноября. В Практикуме всё обучение строится на практике: • Практикующие IT-специалисты помогают решать более сложные задачи. • Эксперты делятся содержательной обратной связью. • Теория изучается в интерактивном тренажёре, где сразу проверяется через тесты или небольшие упражнения. Такой подход помогает специалистам систематизировать свои знания и решать более сложные задачи. Участвуйте в акции и меняйте свою жизнь вместе с Практикумом. https://practicum.yandex.ru/friday

simple floor animation - Люминесцентное свечение точек положение и свечение которых, зависит от положения и скорости перемещения курсора по холсту. #html #css #js

Waves - Скрипт для генерации волн. #html #css #js

_Только до конца дня дарим 4 курса по _🎯 _IT за 0 руб вместо 25.000 руб_! 💯 Не упустите возможность получить профессию мечты! Забирай свой набор IT курсов по ссылке 🤝

Turbulence SVG-filter with feColorMatrix - SVG фильтр придающий тексту эффект текстуры в стиле зебра. #html #css

FeTurbulence, feColorMatrix, feDisplacementMap - SVG фильтры FeTurbulence, feColorMatrix, feDisplacementMap, которые применили к тексту для придания эффекта повреждения и деформации букв. #html #css

📌 Бесплатное обучение по дизайну с нуля. Вместе сделаем тебе портфолио из 3+ новых работ Что ты получишь? - Фидбэк (разбор всех ДЗ от куратора) - Тусовка (личный кабинет с уроками + живой чат) - Портфолио (упакуем по урокам и проверим) - Экзамен (аттестация и балл) Будем делать: веб-дизайн, графический дизайн, анимация интерфейсов - https://t.me/YudaevSchoolmkbot?start=ZGw6MTA1NTcw Программа обучения: - Как работать в Figma с нуля - Изучение основ дизайна (сетки, композиция т.д.) - Способы поиска контента и правильной работы с ним - Создание анимации интерфейса - 4 домашних задания - Личные разборы от наставника (дизайнер с опытом и доходом от 100к) - Эфир - "Как найти себе первого клиента" 👉 Переходи в чат, там тебя уже ждут кураторы, уроки, домашки и живое общение! - https://t.me/YudaevSchoolmkbot?start=ZGw6MTA1NTcw

GSAP Powered Side Nav - При клике на иконку стрелки выезжает боковая панель с навигацией. Анимация сделана с помощью GSAP. #html #css #js

Three.js Mobile VR Sonic - Бегущий Sonic в 3D пространстве three.js с возможностью перехода в VR режим. Sonic может прыгать и собирать монетки. #html #css #js