Конструктор тир-листа

Ваши данные

Коснитесь имени, чтобы взять его, и коснитесь строки, чтобы положить. На компьютере можно и перетаскивать, но на телефоне работает именно касание — а списки чаще всего делают там.

Результаты

Реакции

0

0 Комментарии

User profile image

Прокомментируйте первым

Почему касание, а не перетаскивание?

Потому что на телефоне перетаскивания нет. Браузерное drag-and-drop не срабатывает на сенсорном экране, поэтому тир-лист, построенный только на нём, мёртв именно там, где их чаще всего и делают.

Касание работает везде: коснитесь имени, чтобы взять, коснитесь строки, чтобы положить. На компьютере можно и перетащить, и оба пути вызывают один и тот же код, так что ни один не гниёт втихую.

Почему нет обложек?

Потому что картинка с другого сайта отравила бы скачивание. Как только canvas нарисовал изображение с чужого домена, браузер помечает его как «испорченный», и запрос файла бросает ошибку безопасности вместо PNG.

Ограничиться текстом — значит, что картинка рисуется целиком на вашем устройстве, и кнопка сохранения просто работает.

Уходит ли мой список с компьютера?

Нет. Имена, порядок и картинка делаются в браузере: ничего никуда не отправляется и ничего не сохраняется, так что закрытие страницы теряет список.

Это также значит, что ссылки на сохранённый список нет. Способ сохранить — картинка.

Почему цвета игнорируют тёмную тему?

Потому что в тир-листе цвета — это содержание, а не украшение. Красный вверху и зелёный внизу — то, чего ждёт читатель, а следование теме сайта перевернуло бы это ночью.

Поэтому этот блок намеренно выходит из переключателя светлой и тёмной темы и держит чёрный текст на пастели, который читается в обеих.