Hollow Box Loading Animation

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

#css

JavaScript. Задача

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

Необходимо составить программу нахождения цифрового корня натурального числа.

Входные данные: N - натуральное число, где 0 <= N <= 10^9

Вывод: цифровой корень числа N

Ответ

​Группировка массивов в JavaScript (2024)

Группировка массивов — это задача, которую вы, скорее всего, реализовывали в JavaScript. Она напоминает выполнение GROUP BY в SQL. Имея набор данных, мы можем составить набор более высокого уровня, поместив похожие данные в группы и присвоив группам идентификаторы.

В этой статье разбираем новые функции группировки массивов, вышедшие в 2024 году, а именно Object.groupBy и Map.groupBy.

#ru

Sidebar navigation

Создано и анимировано на HTML и CSS. В JS реализована только логика открытия/закрытия.

#css #js

Outfit at Dusk

Кнопка переключения меню с навбаром. Реализована с помощью JavaScript и CSS.

#js

​Разрешите представиться, Каскадные слои CSS

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

#ru

Welcome

Анимация приветствия. Написана на чистом CSS.

#css

JavaScript. Задача

Дано игровое поле, которое задано матрицей m x n, где каждая ячейка представляет собой клетку корабля «X» или пустую клетку «.».

Необходимо найти количество всех кораблей на игровом поле.

Примечания:
- Корабли можно размещать на игровом поле только горизонтально или вертикально
- Два корабля разделяет по крайней мере 1 горизонтальная или вертикальная клетка.

Входные данные: board — символьная матрица, содержащая символы ‘.’, ‘X’. Размер сторон матрицы от 1 до 100.

Вывод: количество всех кораблей.

Пример:

board = [
[‘X’, ‘.’, ‘.’, ‘X’],
[‘.’, ‘.’, ‘.’, ‘X’],
[‘.’, ‘.’, ‘.’, ‘X’]]

Output: 2

Ответ

Ring Prepulsion

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

#js

Infinity

Создано на HTML и SCSS. Анимировано при помощи CSS keyframes.

#css