Javascript js frontend

Создание динамической системы оценки по звездам в React

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

#js #react #ru

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

Ответ

Rotating border

Граница сделана из псевдоэлементов, которые анимируются в CSS.

#css

Mastering JavaScript Functional Programming

Автор: Federico Kereki
Год издания: 2023

#js #en

JavaScript. Подумайте, что будет выведено в консоль после выполнения программы.

Ответ

What's really going on?

Анимация загрузки в перспективе, реализованная на чистом CSS.

#css

​HTML и CSS ошибки, влияющие на доступность

Многие разработчики думают, что доступность реализуется только с помощью aria-атрибутов. Если их не добавить, то всё, доступности нет. Конечно, aria-атрибуты нужны, но HTML и CSS - такая же важная часть процесса создания доступных интерфейсов. Эти технологии не просто несут в себе кучу скрытых моментов, влияющих на доступность. Они напрямую позволяют её улучшить.

#html #css #ru

Scrubbing, scrolling and splitting

Анимация при скролле, реализованная при помощи библиотеки gsap.

#js

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

Ответ

JavaScript All-in-One For Dummies

Автор: Chris Minnick
Год издания: 2023

#js #en

Animated Star Rating

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

#css

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

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

#css #ru

Задача

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

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

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.

Ответ

Instagram Dark Mode

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

#css #js