London Tube Map - Navigation Bar Concept

Концепция панели навигации в виде схемы лондонского метро.

#js

Neon Cursor

Реализовано при помощи Three.js. Настройки анимации задаются в JS.

#js

Quickchat UI Themes

Адаптивная панель управления с темой пользовательского интерфейса Quickchat. Реализована с помощью JavaScript.

#css

@frontquizes - тесты по фронтенд технологиям, преимущественно Javascript/React/HTML/CSS

Ocean card, perspective shift on hover

Смена перспективы при наведении мыши на карточку. Сделано с помощью SCSS и JS (Babel).

#js

Masked Circle Slider

Сверстано на HTML и SCSS. Логика переключения слайдов реализована в JS.

#js

Rating

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

#js

Temperature displays

Индикаторы - это svg-картинки, параметры которых задаются в JS.

#js

JavaScript. Задача

Ищем блок поврежденных пикселей.

Дана матрица пикселей, где '0' представляет рабочий пиксель, а '1' - поврежденный.

Поврежденные пиксели связаны (т.е. есть только одна поврежденная область на матрице). Пиксели соединены по горизонтали и вертикали.

Также даны два целых числа - x и y - представляющие расположение одного из поврежденных пикселей.

Необходимо найти площадь наименьшего (выровненного по оси) прямоугольника, охватывающего все поврежденные пиксели.

Входные данные:
- Стороны матрицы имеют размер от 1 до 100 пикселей включительно
- Элементы матрицы - символы '0', '1'.

Вывод: площадь наименьшего прямоугольника, охватывающего все поврежденные пиксели.

Пример:

matrix = [
['0','0','1','0'],
['0','1','1','0'],
['0','1','0','0']
].
x = 0, y = 2
Output: 6

Ответ

Project Management Dashboard UI

Пользовательский интерфейс панели управления проектами, реализован с помощью CSS и JS.

#css #js

Menu Animation

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

#js