WebMentor | Вебментор

#библиотека #быстрыйкурс #видеоурок #видеокурс #полезное #сервис #статьи #codepen #framework #игры #бэкенд #github #php

Toggle

Необычная идея анимации переключателя. Реализовано с помощью CSS и JavaScript.

Открыть CodePen

#codepen

Хочешь стать мастером хайлоада? ПРОКАЧАЙ СВОИ НАВЫКИ ДО ПРЕДЕЛА ВСЕГО ЗА 3 МЕСЯЦА! 🔺Изучи работу высоконагруженных систем под руководством главы разработки Bumble/Badoo, СТО опытом работы в хайлоаде более 17 лет. ▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️

Максим Н. (бекенд-разработчик Python, Golang / MySQL, ClickHouse): «Материал очень интересный. Курс совмещает в себе теоретические знания и практические разборы кейсов. Любые темы можно уточнить, обсудить и задать вопросы. О многом узнал впервые, а что-то смог для себя более структурировано упорядочить: подходы к шардированию, cap/pacelc теоремы. Плюс transaction outbox - это прямо маст хэв для распределенных систем».

▪️▪️▪️▪️▪️▪️▪️▪️▪️▪️ Таких курсов ещё не было! Что тебя ждет? 🔺погружение в DevOps, Linux и архитектуру highload-систем; 🔺практические задания с первых дней; 🔺работа с личным стеком Java, Python, PHP, C#, Golang, Node.js; 🔺проектирование и управление высоконагруженными проектами ➡️ Регистрируйся и погружайся в секреты хайлоада! Реклама ИП Рыбак А. А. ИНН 7714079607

Flip-card Menu Вращение карточек с появлением текстовой информации на обороте. Реализовано с помощью CSS.

Открыть CodePen

#codepen #css

Vertical menu with gooey effect Вертикальное меню с липким эффектом наведения на вкладки. Реализовано с помощью SCSS и JS

Открыть CodePen

#codepen #scss

Button Hover Эффект наведения на ссылку с расширением стрелки и заливкой. Реализовано с помощью SCSS.

Открыть CodePen

#codepen #scss

Shopping Cart Preloader Ожидание загрузки в виде корзины покупок. Реализовано с помощью CSS.

Открыть CodePen

#codepen #css

Input Field Animation Уменьшение масштаба заголовка при введении данных в поле ввода. Реализовано с помощью CSS.

Открыть CodePen

#codepen #css

Fancy Checkbox/Radio Buttons Форма для выбора одного или нескольких вариантов ответа. Реализовано с помощью SCSS.

Открыть CodePen

#codepen #scss

Log In / Sign Up Брутальный дизайн для формы регистрации/входа в аккаунт. Реализовано с помощью CSS.

Открыть CodePen

#codepen #css

Pricing - pure css Реалистичное 3D-изображение при переключении карточек. Реализовано с помощью CSS.

Открыть CodePen

#codepen #css

Card Hover Effect Фокус на одной карточке достигается за счёт ч/б эффекта и размытого фона остальных. Реализовано с помощью CSS.

Открыть CodePen

#codepen #css

CSS Border Animation Прямоугольник с анимированным градиентом по его границам. Реализовано с помощью CSS.

Открыть CodePen

#codepen #css

Cascading text effects Набор эффектов плавного появления текста. Реализовано с помощью CSS и JS.

Открыть CodePen

#codepen #scss

Card Flip Описание к изображению на обороте карточки при наведении на неё курсора мыши. Реализовано с помощью SCSS.

Открыть CodePen

#codepen #scss

Face Button Анимация эмодзи, которая не спускает взгляда с курсора. Реализовано с помощью SCSS и JS.

Открыть CodePen

#codepen #scss #JavaScript

Circle preloader Круговорот линий во время ожидания загрузки. Реализовано с помощью CSS.

Открыть CodePen

#codepen #scss

Image Preloader Ожидание загрузки в виде параллельных линий, одна из которых подталкивает другую. Реализовано с помощью CSS.

Открыть CodePen

#codepen #css

Horizontal menu with slide down on hover Горизонтальное меню с эффектом прокрутки каждой вкладки при наведении на неё. Реализовано с помощью CSS.

Открыть CodePen

#codepen #css

3D card 3D-карточка поднимается и парит при наведении на неё курсора мыши. Реализовано с помощью SCSS и JS.

Открыть CodePen

#codepen #scss #JavaScript