Конструктор тир-листа
Ваши данные
Коснитесь имени, чтобы взять его, и коснитесь строки, чтобы положить. На компьютере можно и перетаскивать, но на телефоне работает именно касание — а списки чаще всего делают там.
Результаты
Почему касание, а не перетаскивание?
Потому что на телефоне перетаскивания нет. Браузерное drag-and-drop не срабатывает на сенсорном экране, поэтому тир-лист, построенный только на нём, мёртв именно там, где их чаще всего и делают.
Касание работает везде: коснитесь имени, чтобы взять, коснитесь строки, чтобы положить. На компьютере можно и перетащить, и оба пути вызывают один и тот же код, так что ни один не гниёт втихую.
Почему нет обложек?
Потому что картинка с другого сайта отравила бы скачивание. Как только canvas нарисовал изображение с чужого домена, браузер помечает его как «испорченный», и запрос файла бросает ошибку безопасности вместо PNG.
Ограничиться текстом — значит, что картинка рисуется целиком на вашем устройстве, и кнопка сохранения просто работает.
Уходит ли мой список с компьютера?
Нет. Имена, порядок и картинка делаются в браузере: ничего никуда не отправляется и ничего не сохраняется, так что закрытие страницы теряет список.
Это также значит, что ссылки на сохранённый список нет. Способ сохранить — картинка.
Почему цвета игнорируют тёмную тему?
Потому что в тир-листе цвета — это содержание, а не украшение. Красный вверху и зелёный внизу — то, чего ждёт читатель, а следование теме сайта перевернуло бы это ночью.
Поэтому этот блок намеренно выходит из переключателя светлой и тёмной темы и держит чёрный текст на пастели, который читается в обеих.
Реакции
0
0 Комментарии
Прокомментируйте первым