Проекты на Javascript | HTML | CSS

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

🚀 Тренды в IT меняются так быстро, что даже мемы иногда не успевают за ними! Но мы готовы принять этот вызов. В нашем канале – самые ITшные мемы для профи и новичков! 💻 🔥 Небольшая порция иронии, немного токсичного юмора и кусочек минимализма - все в духе современного IT. Отвлекись и развлекись! 💥 Готовы к острым шуткам и горячим мемам? Присоединяйтесь к нам! Отмечайте своих коллег и друзей - делимся юмором, который заряжает батареи лучше, чем кофеин! ☕️ Подписывайтесь прямо сейчас! и запасайтесь дозой веселья и смеха на весь день! 🎉

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

Slide-out Scrolling Gallery — слайдер с выплывающими боковыми элементами. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

Frontend теперь в телеграм! Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках: Логово Верстальщика — научит верстать продающие сайты. Node.JS — поможет узнать все тонкости и секреты JavaScript и его фреймворков. Frontender's notes — советы и полезные приемы для каждого разработчика.

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

Slide-out Scrolling Gallery — слайдер с выплывающими боковыми элементами. Реализована с помощью CSS и JavaScript #анимация #css #javascript

erid: LjN8Jt1MJ Каждый день мы просыпаемся и идём к компьютеру писать код, однако скоро майские праздники и придётся сделать сложный выбор между любимым делом и шашлыком. И чтобы хоть немного накинуть очков написанию кода — мы запускаем телеграм-игру «Код сурка», чтобы вы могли блеснуть знаниями в веб-разработке и получить за это ценные призы в зависимости от набранных баллов. К слову о призах: 1 место — профессия «Фронтенд-разработчик» или «JavaScript-разработчик» на выбор (в ускоренном формате). 2-3 место — фронтенд- или ui-инженерия, или любой из курсов для новичков на выбор. 4-10 место — любой мидловый или джуновый курс на выбор. 11-30 место — доступ к тренажёрам до конца июня 2024 г. 31-100 место — доступ к тренажёрам до конца мая 2024 г. Ну и не менее приятное — все участники акции получат скидки на все продукты HTML Academy. Присоединяйтесь.

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

Underline clip hover animation — вариант hover-эффекта. Реализована с помощью CSS #анимация #css

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

Direction aware hover effect — перетекание градиентного подчеркивания. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Устал от бесконечного поиска информации по JavaScript? JavaScipt Notes - это актуальные и интересные материалы, обучающие видеоуроки, шпаргалки, GitHub репозитории и многое другое. 🚀 Стань частью сообщества профессионалов и начинающих разработчиков прямо сейчас! Становись лучше с @jsn0tes.

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

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

Letter Hop — изучи алфавит. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Bouncy Balloon — воздушный фон. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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