Последнее творчество

Последние обновления

Не работает сканирование QR кода на устройствах Apple с настроенным профилем

Если ваши устройства Apple настроены с помощью профилей MDM или Apple Configurator, то вы можете столкнуться с ситуацией что они не считывают QR код. Проявляется это если у вас настроен список разрешенных приложений.

Исправляем ошибку истекшего сертификата R3 при использовании Let's Encrypt

В ночь с 29.09.2021 на 30.09.2021 при просмотре почты на iPhone в стандартном приложении Mail я увидел сообщение об ошибке просроченного корневого сертификата R3 для одного из своих доменов. О том что будут проблемы с бесплатными сертификатами Let's Encrypt накануне кто только не писал, но утверждалось,...

Рутина MySQL

Небольшая заметка по регулярной работе с MySQL.

Создаем свою инконку сайта для iOS Safari

Пользуясь своим iPad заметил что у некоторых сайтов при добавлении в закладки есть своя иконка, а у моего нет. "Нехорошо" - подумал я и решил, что не мешало бы и моему сайту приблизится к прекрасному.
После недолгих поисков нашлась документация для мобильной версии Safari (iOS) из которой можно увидеть что есть два пути решения данной задачи:
1 - использовать специальный html тэг на странице, позволяющий задавать свою иконку для каждой страницы:
<link rel="apple-touch-icon" href="/touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="/touch-icon-ipad-retina.png">
В данном примере расписаны иконки для разных типов экранов, но если нет желания делать под каждый экран - можно оставить только первую картинку сразу с размерами 152x152.
Также таким способом можно создавать разные иконки для разных страниц сайта.

2 - сделать одну картинку сразу на весь сайт, без каких-либо добавлений в код страницы, просто разместив в корне сайта файл иконки apple-touch-icon.png, желательно  размерами 152x152.

В моем случае, я воспользовался вторым вариантом, теперь если вы попробуйте на своем мобильном устройстве в Safari добавить мой сайт в закладки, то увидите сделанную мной иконку.