Frosted Glass loader

Оригинальный загрузчик в виде svg картинки, анимируемой библиотекой gsap.

#js

JavaScript. Задача

Дан лицензионный ключ, представленный в виде строки S. Строка разделена на N + 1 подгруппу, разделенных N дефисами. Также дано число K.

Необходимо преобразовать лицензионный ключ таким образом, чтобы каждая подгруппа содержала ровно K символов, за исключением первой подгруппы, которая может быть короче K символов, но должна содержать хотя бы 1 символ. Также между двумя любыми группами должно быть вставлен дефис. Все строчные буквы преобразовать в прописные.

Входные данные: строка S, состоящая только из букв английского алфавита, цифр и дефисов. K - целое число.

Вывод: преобразованная строка.

Примеры:

S = "5F3Z-2e-9-w", K = 4
Output: "5F3Z-2E9W"

S = "2-5g-3-J", K = 2
Output: "2-5G-3J"

Ответ

Custom Tooltip

Меню при нажатии на которое появляется пользовательская подсказка. Написано на чистом CSS.

#css

Mobile Menu Animation

Оригинальный эффект раскрытия меню.

#js

CSS Galaxy Button

Верстка создана на HTML и CSS. На JS создаются частицы с рандомными значениями, которые записываются в CSS-переменные.

#js

Gradient background with waves

Анимированный градиентный фон с волнами, реализованный на чистом CSS.

#css

Fancy Swiper slider

Оригинальный слайдер, созданный с использованием библиотеки Swiper.

#js

Hopdot Loader

Плавный и приятный прелоадер в виде перекатывающихся точек, реализованный с помощью GSAP.

#js

Sharp & Glowing dark card

Создано и анимировано на HTML и SCSS.

#css

News App

Концептуальное приложение, в котором все переходы осуществляются при помощи свайпов.

#css

Volume button knob 

Кнопка увеличения/уменьшения громкости, реализованная на CSS (SCSS) и JavaScript (TypeScript)

#js

CSS only order process steps

Создано без использования JS. Каждый шаг - это радиокнопка, при активации которой задаются определенные стили.

#css

Just Ice

Создано на canvas и webGL.

#js

In-n-out box-shadow animation 

Анимация теней для окна ввода-вывода, реализованная на CSS и JavaScript.

#js

Checkboxes and radio buttons

Чекбоксы и переключатели с применением SVG-галочки. Реализованы на чистом CSS.

#css

Все говорят, что работы в айти стало меньше...

На самом деле, работы полно. Мы подготовили 7 правильных каналов с вакансиями для тестировщиков, аналитиков, проджект-менеджеров и программистов.

В чем фишка этих каналов?

— зарплатная вилка🍴во всех вакансиях
— еженедельные подборки стажировок для начинающих — как здесь (для QA), здесь (для PM) и здесь (для BA&SA)
— быстрый телеграм/email контакт для прямой связи с рекрутером
— удобная навигация по уровням/условиям работы/направлениям тестирования

▪️QA Jobs — работа для тестировщика
▪️PM Jobs — работа для Project и Product менеджера
▪️BA & SA Jobs — работа для бизнес- и системых аналитиков
▪️C# & .NET Jobs — работа для C# инженеров
▪️DS&ML Jobs — работа для DS инженеров
▪️PHP Jobs — работа для PHP разработчиков
▪️JAVA Jobs — работа для Java разработчиков

Подписаться на все каналы сразу

Unicycle Range Slider

Ползунок диапазона с отображением числового значения на флаге. Реализован с помощью CSS и JavaScript.

#js