0
<< предыдущая заметкаследующая заметка >>
10 августа 2022
Пиктограммы на сайтах

Хорошо, когда ты типа дизайнер и рисуешь сам пиктограммы для сайта — home.jpg, contacts.jpg, nextpage.png...

Хуже, когда ты понимаешь, что за каждой пиктограммой браузеры пользователей будут бегать на сайт. Тогда ты пишешь скрипт, который собирает все твои картинки в один длинный PNG, а верстаются из него одиночные картинки при помощи автоматически созданного CSS. А если какая-то картинка длинная, то ее даже можно развернуть, чтобы не разбивать пустой шириной единую шеренгу, а при извлечении поворачивать в CSS rotate. Как тут.

Или вот тоже был случай: год назад один добрый читатель по своей инициативе нарисовал мне хорошие красивые пиктограммы. Но воспользоваться ими в движке у меня не вышло. Проблема в том, что общий пакет его svg-изображений весил полмега — больше, чем весь мой движок. Как эти пиктограммы прогрузятся с верхней полки поезда на обрывках интернета? А ведь это иногда единственное свободное время чтобы писать заметки. Как сейчас, например.

Но это ещё полбеды. А если у тебя веб-сайт внутри микрочипа? И каждое лишнее обращение за файлом — картинкой, скриптом, css — для него болезненно?

Вчера я нашел красивый выход: встроенные пиктограммы Unicode. Сюрприз: да, они уже давно работают буквально в любом браузере. Занимает каждый значок несколько байт: "#129518; А на экране выглядит богато, особенно если поиграть размерами и тенями (кто видел другие убогие странички внутри микрочипов — там вообще 90-е царят обычно). Хотя в каждом браузере иконка выглядит по-разному. Но выглядит же! Кажется, мне удалось найти наборы иконок, которые есть во всех браузерах. Вы же их видите? Все, да?

🧮 Info
📴 Reboot
📶 WiFi
🚵 Update
🏭 GPIO
🌄 Monitor
💾 Files
🔓 Open
🔐 Key
🔒 Close
🔑 Pin

<< предыдущая заметка следующая заметка >>
пожаловаться на эту публикацию администрации портала
архив понравившихся мне ссылок
Оставить комментарий