Берлога программиста | Веб и не только

Toggle switch Тумблер, созданный с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #переключатель

Предварительный просмотр изображения перед загрузкой Реализовано на HTML, CSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #функционал

HTML теперь в телеграм! HTML — самый популярный язык в мире. Именно на нем написаны все сайты. Начать свой путь в программировании проще всего с изучения HTML. Тем более теперь в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!

Автоматическое увеличение высоты textarea Реализовано на HTML, CSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Коллекция с анимацией кнопок при наведении Реализованы с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Бесконечная горизонтальная прокрутка Реализована с помощью CSS и JS 🔗 Код: CodePen 👉 @trends_frontend | #анимация

Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги… Потому что Роман Чернов, веб-разработчик с 10-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. - Получишь сертификат 👉 Забрать бесплатно 7 дней обучения frontend-разработке Реклама. ИП Чернова О. А., ИНН:771399721044

Input Animation Минималистичная анимация для инпута, созданная с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Анимированный меню индикатор Реализовано на HTML & SCSS & JS 🔗 Код: CodePen 👉 @trends_frontend | #анимация

Подборка эффектов наведения Реализовано с помощью HTML и CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Аккордеон без использования JavaScript Реализовано с помощью HTML & CSS 🔗 Код: Codepen 👉 @trends_frontend | #аккордеон

Флип-карта Реализовано с помощью HTML & CSS 🔗 Код: Codepen 👉 @trends_frontend | #карточки

Индикатор прокрутки Простая реализация с помощью HTML, CSS и 7-строк кода на JS 🔗 Код: Codepen 👉 @trends_frontend | #индикатор

Hamburger Icons Animations Реализовано с помощью CSS и JS 🔗 Код: CodePen 👉 @trends_frontend | #бургер

Приложение для рисования Реализовано с помощью HTML & CSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #приложение

Input Animation Минималистичная анимация для инпута, созданная с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

CSS Gradient Border Demo Сделано на чистом CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Всем привет, друзья! Как вы могли заметить, данный канал временно находится в паузе из-за личных обстоятельств Для тех, кто не хочет скучать и хочет продолжать свое развитие, я могу порекомендовать вам канал моего товарища — @FrontendPortal. Там можно найти кучу полезного контента по frontend-разработке Будем надеяться, что скоро мы вернемся с новыми идеями и контентом! Благодарим за ваше терпение и поддержку!

Add to cart Анимация карточек добавления товара в корзину. Написана на CSS и JS #анимация #css #js 👉 @frontend_trends

Card Split Hovers  Эффект наведения, реализованный с помощью HTML(Pug), CSS, JavaScript #эффект #pug #css #js 👉 @frontendd_trends