5 лучших библиотек всплывающих окон для React

Примеры профессионального использования всплывающих окон включают раскрывающиеся меню навигации, средства выбора дат и экскурсии во время процесса регистрации.

В экосистеме React эту потребность удовлетворяют многие библиотеки, предлагая различные уровни настройки, стратегии позиционирования и оперативности.

#js #react #ru

Kippo Hover Card Effect

Эффект раскрытия карточек при наведении, реализованный с помощью CSS и JavaScript.

#css #js

Tiny CSS Projects

Автор: Martine Dowden
Год издания: 2023

#css #en

JavaScript. Что будет выведено в консоль?

Ответ

Koi Fish

Создано и анимировано на чистом CSS.

#css

Новые API браузера, необходимые каждому веб-разработчику

В этой статье пассмотрим полезные API-интерфейсы и функции браузера. Они пригодятся в веб-приложениях, библиотеках и экспериментах, а также не увеличивают внешними зависимостями размер пакета приложения.

#ru

Color this sofa! – SVG + Blend Mode trick

Кайл Веттон создал интерактивный Pen, в котором вы можете раскрасить диван и фон. Может использоваться на e-commerce сайтах по продаже мебели.

#js

JavaScript. Что будет выведено в консоль?

Ответ

Learning TypeScript

Автор: Josh Goldberg
Год издания: 2022

#ts #en

Instagram Dark Mode

Темный режим в Instagram, реализованный с помощью CSS и JavaScript.

#css #js

Задача

Дано натуральное число, необходимо преобразовать его в римскую запись.

Римские цифры представлены семью разными символами:

I - 1,
V - 5,
X - 10,
L - 50,
C - 100,
D - 500,
M - 1000

Справка: римские цифры обычно пишутся от наибольшего к наименьшему слева направо. Однако цифра четыре - это не IIII. Вместо этого число четыре записывается как IV. Поскольку единица стоит перед пятью, мы вычитаем ее и получаем четыре. Тот же принцип применяется к числу девять, которое записывается как IX.

Вычитание используется в шести случаях:

- I можно поставить перед V (5) и X (10), чтобы получилось 4 и 9.
- X можно поставить перед L (50) и C (100), чтобы получилось 40 и 90.
- C можно поставить перед D (500) и M (1000), чтобы получилось 400 и 900.

Входные данные: n - натуральное число от 1 до 3000.

Вывод: римская запись числа n.

Ответ

​Перенос, обрезка и ориентация текста в CSS

Из этой статьи вы узнаете, как можно с помощью CSS настроить обработку пробелов в тексте, режим письма, ориентацию текста, перенос слов и расстановку переносов.

#css #ru

Animated Star Rating

Каждая звезда - это радио кнопка, при нажатии на которую задействуются свои CSS-стили.

#css