Yoksel yoksel

Команды VoiceOver вводятся нажатием клавиш Control и Option (клавиши VO)

Open the Web Item rotor: VO-U

VoiceOver: Web Commands (найти на странице Web Commands)

Проекты на JavaScript

https://github.com/yoksel/shop-admin-page — админка магазина, учебный проект https://github.com/yoksel/emoji-brush — рисовалка эмоджами. Использует веб-комоненты, SVG и textPath

Проект на реакте

https://github.com/yoksel/svg-filters — конструктор SVG-фильтров

Проекты на ноде

Используем отступ в 2 пробела
В названиях классов не используем camelCase
Не используем в селекторах атрибуты ID, кроме крайней необходимости
При использовании нескольких селекторов каждый переносится на следующую строку
Перед открывающей скобкой { ставим пробел
В правилах ставим пробел после двоеточия :, до двоеточия пробелов нет
Закрывающую скобку } ставим на новой строке, отбиваем пробелами на один уровень с правилами

Set custom property type

CSS.registerProperty({

Свёрстаны все элементы, добавлены состояния. Системный фокус заменён на ярко-зелёный, потому что синий системный сливается с фиолетовыми кнопками.

Мобильной версии и версии без JS нет, не успела сделать.

	.video {
	/* Get aspect ratio */
	--aspect-ratio: calc(var(--height) / var(--width));
	/* Add units to height */
	--height-with-units: calc(var(--height) * 1px);

	max-width: 100%;

	/* Get minimal of initial height
	or height calculated from window width */