Credit Card Checkout

Верстка формы на HTML и SCSS. Значения в карточке устанавливаются в JS.

#js

​Каскад и специфичность в CSS - это просто

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

#ru

Countdown

Счетчик времени до Нового года.

#js

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

Ответ

Winter papercut

Зимняя сценка с анимированным снегом.

#js

​Черт тебя возьми, CSS

В этой статье:

- Нюансы работы синтаксиса of S для псевдо-класса :nth-child()
- Случаи использования свойства aspect-ratio, неожиданно ломающие вёрстку
- Различия между псевдоклассом lang() и селектором по атрибуту [lang=""].

#ru

Interactive ropes background

Создано на canvas и JS без использования библиотек.

#js

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