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

404 error page Забавная анимация страницы с ошибкой #404. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #ошибка

Frontend! Frontend! Frontend! Много FRONTEND’a! Зачем платить за курсы, если они есть в открытом доступе? Выучи такие языки бесплатно: >JavaScript (56 уроков) >Figma (44 видеоурока) >Web Design (57 видеоуроков) >HTML/CSS (41 курс) >UI/UX (33 урока) >Верстка (71 курс) >React (32 курса) >Другие (144 Курса) Подпишись, что бы не потерять возможность выучиться бесплатно!❤️

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

Input animation 1 Иконка поиска разворачивается в поле ввода и сворачивается обратно при нажатии. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #поиск

CSS loader #01 Ожидание загрузки в виде движения линий по окружности. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #загрузка

Shopping Cart Preloader Ожидание загрузки в виде корзины покупок. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

CSS only slide out search bar Разворачивание поисковой панели при наведении на иконку поиска. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

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

CSS loaders and timing functions Интересные примеры анимации загрузки. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #загрузка

Cascading text effects Набор эффектов плавного появления текста. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #текст

Вёрстка сайта с нуля до результата, используя современные технологии - SCSS, html, БЭМ В данном видео вы создадите сайт на HTML и SCSS с нуля. Также там объяснят методологию БЭМ простым языком и покажут на реальном примере, как делается адаптивная верстка сайта 📹 Cмотреть видео: YouTube 👉 @trends_frontend | #видео

Log In / Sign Up Брутальный дизайн для формы регистрации/входа в аккаунт. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #форма

Vertical menu with gooey effect Вертикальное меню с липким эффектом наведения на вкладки. Реализовано с помощью SCSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #меню #навигация

Slide-up Caption Hover Effect Эффект наведения на карточки с появлением подписи к изображению. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #карточки

Social icon hover animation 2 варианта анимации при наведении на соц. сети. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #иконки

😮 Добавлена новая база слитых курсов на 800ГБ: Frontend и Web: https://t.me/+M7x4MT1sj704YjQy Python: https://t.me/+cAIQni4Ha59hNjAy Программирование: https://t.me/+OAURZOkh1KZkYmJi Графика и дизайн: https://t.me/+hK5WWn96Mt02MzFi

Zero Element: DeLight Движущийся фон с эффектом размытия. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #фон

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

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

3D Cover Flow Анимированные карточки с интересным эффектом движения. Реализовано с помощью SCSS и JavaScript. 🔗 Код: Codepen 👉 @trends_frontend | #карточки