Избегайте 100vh на мобильных устройствах

7 апреля 2020 года #javascript#css#100vh

Единицы области просмотра в CSS звучат великолепно. Если вы хотите, чтобы элемент занимал всю высоту экрана, вы можете просто установить высоту: 100vh и вуаля - у вас есть идеальный полноэкранный элемент, размер которого изменяется при изменении области просмотра! К сожалению, это не так. 100vh ломается тонким, но фундаментальным способом в мобильных браузерах, что делает его практически бесполезным. Лучше избегать 100vh и вместо этого полагаться на javascript, чтобы установить высоты для полного просмотра.

Подробнее

PNG и альфаканал

30 декабря 2019 года #php#png#alpha

Если при работе с PNG теряется прозрачный фон, становится черным, необходимо включить альфа канал. Делается это вот так:

if (function_exists('imagealphablending')) {
    // Отключаем режим сопряжения цветов
    imagealphablending($newImage, false);
    // Включаем сохранение альфа канала
    imagesavealpha($newImage, true);
}

Подробнее

Telegram API: бот для уведомлений

29 декабря 2019 года #python#linux#debian#buster#telegram#tor

Существует множество способов отправить уведомление: почта, Skype, WhatsApp, Jabber. WhatsApp не очень люблю, поэтому сразу нет. Сначала использовал Skype, но почему-то библиотека skpy перестала отправлять прямые сообщения от пользователя к пользователю. Потом я попробовал поставить свой xmpp сервер, все работало как надо. Но мне показалось что ради сообщений слишком тяжело иметь свой сервер на java. В итоге решил добить и разобраться с Telegram.

Подробнее

Bootstrap 4 и datetimepicker

26 декабря 2019 года #bootstrap#datetimepicker

Столкнулся с проблемой как заставить работать Bootstrap 4 и bootstrap-datetimepicker. Последний практически не поддерживается в последнее время и ждать обновления не имело смысла. Альтернатив практически нет для bootstrap-datetimepicker. Есть конечно Tempus Dominus, но мне почему-то внешний вид не очень понравился.

Покопавшись в интернете обнаружил вот что. Всё дело в том, что Bootstrap v.4 заменила "collapse in" на "collapse show". Поэтому datetimepicker и перестал работать как раньше.

Подробнее