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

Split Landing Page Разделенная лендинговая страница. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Card Hover Effect Фокус на одной карточке достигается за счёт ч/б эффекта и размытого фона остальных. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Blurred card Акцентируем внимание на карточке путем размытого эффекта на остальных изображениях. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Interactive UI Cards Интерактивные инструменты пользовательского интерфейса с удобным слайдером. Реализовано с помощью CSS и JavaScript. 🔗 Код: Codepen 👉 @trends_frontend | #слайдер

Toast Тостер. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #разное

Responsive Image Carousel Крутая карусель изображений. Реализовано с помощью CSS и JavaScript. 👉 @trends_frontend | #карусель

Дедлайны горят, а твои глаза уже нет. Что делать айтишнику, если от за😵бался. ⠀ — Откладываешь задачи на потом. — Пинаешь себя “Хватит лениться”, но становится только хуже. — От мыслей о работе появляется тревожность и напряжение. — Энергии 0%. — В семье разлад - на них попросту не хватает сил. ⠀ Рутинная, монотонная работа приводит 90% IT-специалистов к выгоранию. А справиться с этим состоянием помогает спец по работе с проблемой - Психолог взрослого человека.⠀ Вадим, автор канала, регулярно проводит терапевтические прямые эфиры, на которых ты можешь не только слушать, но и задавать свои вопросы. ⠀ Подписывайся на канал https://t.me/vadimpetrovpsi и научись работать без упахивания, выгорания и ущерба для личной жизни! ⠀ Псс. Заходи в закреп канала - там много полезного, и даже бесплатный мини-курс по выходу из апатии: 👨🏻‍💻 https://t.me/+Dy9MSXPgpns2Yzli

Glow Cards Светящиеся карточки, управляемые прокруткой. Реализовано с помощью CSS и JavaScript. 🔗 Код: Codepen 👉 @trends_frontend | #карточки

The Gallery Крутая необычная галерея. Реализовано с помощью препроцессоров Pug и SCSS. 🔗 Код: Ссылка @trends_frontend |#галерея

Card Flip Описание к изображению на обороте карточки при наведении на неё курсора мыши. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #карточки

Horizontal menu with slide down on hover Горизонтальное меню с эффектом прокрутки каждой вкладки при наведении на неё. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #меню

Наш подписчик подогнал нам ссылки на вход в платные каналы по фронтенду Frontend Developer — топовые видеокурсы и книги по фронтенду бесплатно Frontend Tests — канал в котором публикуют тесты разной сложности по HTML / CSS / JS Learn frontend tips — 100+ интерактивных шпаргалок для Frontend-разработчиков Senior JavaScript — бесплатные выжимки самой полезной информации с популярных платных курсов по JS Айти мемы — уникальный канал, где каждый день публикуют забавный говнокод и мемы для программистов Бесплатные курсы по веб-разработке — проверенные бесплатные уроки по: Frontend, Backend, Веб-дизайну, WordPress и др Есть еще пару ссылок, если вам зайдет такой формат, то ждите в ближайшие дни ;)

Animated Upload Modal Форма для загрузки файлов в минималистическом стиле. Реализовано с помощью CSS и JavaScript 🔗 Код: Codepen 👉 @trends_frontend | #форма

Джентельменский набор трушного фронтендера Опытные Frontend-разработчики собрали самые востребованные и бесплатные каналы, без которых не обойдется ни один настоящий фронтендер. Макеты для верстки — самый крупный канал с макетами для верстки. Первоисточник всех макетов в Telegram. Полезная вËрстка — канал с готовыми решениями повседневных задач: слайдеры, анимация, навигация и т.д. JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку. codepen.js — готовые коды: реализованные на css и js анимации, скрипты и интерфейсы. Оживи статичные макеты Figma Start — каждый день выпускаем крутые макеты для верстки. Выбери самый интересный и удиви рекрутеров! Развивайся с нами, ведь так проще!

Profile Card Красивая карточка профиля. Реализовано с помощью SCSS и JavaScript 🔗 Код: Codepen 👉 @trends_frontend | #карточка

hover card Карточка с анимацией сразу нескольких ее частей при наведении. Реализовано с помощью SCSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

👩‍💻 Программирование теперь в телеграм! Вот обширная база материалов, которая ежедневно обновляется, выбирай своё направление: Обучение JavaScript с нуля Обучение Python с нуля Обучение Java с нуля Обучение HTML/CSS с нуля Обучение C/С++ с нуля Обучение С# с нуля Обучение SQL/GO/PHP с нуля Обучение Kotlin/Swift с нуля ⛓ Архив на 3489ГБ: Курсы, книги, шпаргалки, статьи, видео, ресурсы — всё собрано в одном месте: @roadmap_ready

Background Animation Интересный градиентный переход между различными цветами в качестве фона. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн. Чтобы не пропустить полезные — сохраните канал IT-мероприятия России / ITMeeting / IT events. Анонсы вебинаров, хакатонов, конференций, мастер-классов и других событий в IT. Ивенты от гигантов индустрии и лучших специалистов по кодингу, веб-дизайну, аналитике и т.д. Всё публикуют здесь.

Hamburger Menu Animation Анимация открытия меню на весь экран. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #бургер