Студия Программист

Про SVG в favicon

prostologin1 — Fri, 15 Sep 2017 11:23:51 GMT

Поиски ответа на вопрос про использование .SVG в качестве favicon привели нас к замечательному обзору Ольги Болотовой на Хабрахабре. Дублировать информацию не видим смысла. Есть ещё страницы на Stack Overflow, например, SVG Favicon Not Working или Is there a way to render SVG favicons in unsupported browsers?. Ещё есть страница CanIUse про SVG favicon. Из всего этого становится предельно ясно, что использовать единственный файл .SVG в качестве иконки невозможно. Каждый браузер использует свою особенную технологию, поэтому нам приходится укладывать в корень сайта больше десятка файлов.

$CUT$

Для того, чтобы быстро и без проблем подготовить весь пакет изображений и сопроводительных файлов, используем RealFaviconGenerator. А вот, кстати, для него потребуется исходный файл иконки, который лучше нарисовать в .SVG — для удобства последующего масштабирования.

Chromium & flash-player

prostologin1 — Fri, 07 Apr 2017 11:57:05 GMT

В Puppy Linux (tahrpup — 6.0.2×32 bit) браузер Chromium устанавливается из репозитория (его нужно обновить). На момент написания заметки устанавливалась версия 53.0 при актуальной стабильной — 56.0.

Как известно, в отличие от Google Chrome, Chromium устанавливается без flash-плеера. К сожалению, бо́льшая часть информации в Интернете касается установки flash для дистрибутивов Ubuntu. Попытаемся исправить этот недостаток и покажем, как установить flash-player для Linux из архива.tar.gz вручную.

Во-первых, откуда брать дистрибутив. Пакет для Ubuntu скачал бы коммерческий Google Chrome, извлёк из него свежайшую библиотеку libpepflashplayer.so и установил её, не используя, естественно, всего остального. Для нас это слишком сложно. Мы воспользуемся известной ссылкой на выбор и загрузку плеера на сайте Adobe.

Обычно скрипты на странице загрузки правильно подбирают необходимую версию программы. Если в этом появились сомнения, следует выбрать ссылку «Нужен проигрыватель Flash Player для другого компьютера?» и на новой странице выбрать вариант операционной системы Linux и PPAPI-версию библиотеки (для Puppy). Далее нужно разрешить закачку файла и развернуть полученный архив в какую-нибудь временную директорию.

Во-вторых, куда устанавливать. Компания Adobe рекомендует сохранить все файлы и папки из развёрнутого архива в директорию по адресу /usr/lib/adobe-flashplugin/. В принципе, всё равно, куда это устанавливать. В дальнейшем мы пропишем адрес, где находится libpepflashplayer.so, в настройки Chromium, т. е. адрес может быть любым. Однако вышеназванная директория является местом по умолчанию, где различные программы и службы будут искать продукты Adobe. Поэтому есть резон выполнить советы команды разработчиков и поместить файлы именно в этот раздел (а если его нет, то создать).

В-третьих, как пользоваться. В директории /etc/chromium-browser есть файл default (без расширения). Из значимых строк он содержит одну:

CHROMIUM_FLAGS=""

Мы заменим её на следующую:

CHROMIUM_FLAGS="$CHROMIUM_FLAGS -ppapi-flash-path=/usr/lib/adobe-flashplugin/libpepflashplayer.so -ppapi-flash-version="

После чего все изменения в файле следует сохранить, а браузер — перезапустить. Готово:

Галочку в «Always allowed to run» проставляем самостоятельно.

Символы в Geany

prostologin1 — Fri, 26 Feb 2016 07:00:43 GMT

Для того, чтобы напечатать в Geany какие-нибудь символы, которых нет на клавиатуре, следует использовать ввод символов Юникода.

Для этого надо зажать клавиши Ctrl и Shift, а затем ввести последовательность u####, где вместо #### следует ввести Юникод-номер необходимого элемента. После этого, не отпуская клавиш Ctrl и Shift, надо нажать клавишу Enter.

Например, для того, чтобы ввести угловые кавычки « или » следует ввести U00AB для левой и U00BB для правой.

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

Кодировку удобно искать на специализированном сайте.

Количество страниц в категориях

prostologin1 — Thu, 25 Feb 2016 14:03:59 GMT

В некоторых разделах сайтов на платформе uCoz сбоит вывод номеров страниц. В общем случае код такой:


  Почистим его от служебных пометок uCoz’а (на рабочем сайте
 этого делать не надо): 
  

  Итак, если переменная $PAGE_SELECTOR$ что-нибудь
 выдаёт, то будет показан результат выдачи, а если ничего
 не выдает, то не будет показано даже слово «Страницы:». 
  Всё бы хорошо, но на самом деле код работает не так.
 Например, на странице какой-нибудь
 категории из блока статей: 
 
  Если в категории нет ни одной статьи,
 то на странице не показывается ничего —
 ни номер, ни слово «Страницы:" (так и должно быть);
 Если в категории статей меньше, чем предел размещения
 их на одной странице (по умолчанию обычно 10), то
 появляется слово «Страницы:», но чисел никаких нет;
 Если статей больше предела размещения на одной странице
 категории, то код выдаёт нормальный результат: «Страницы:" +
 переключатель. 
 
  Желательно привести код к рабочим результатам. 
  Если страница списка статей в категории одна, должен выводиться
 текст: «Страницы: 1» (напоминаем, раздел статей мы взяли для примера,
 то же можно увидеть, например, в разделе файлов или ссылок).
 Делаем так: 
  Страницы:
 

  Оказывается, это работает только тогда, когда в категории нет
 ни одной статьи. Иначе переменная $PAGE_SELECTOR$
 перестаёт быть пустой и выдаёт: 
   

  Для того, чтобы обработать эту ситуацию, нужно не просто проверять
 существование значения, а анализировать его. Если между тегами 
 есть что-нибудь, то надо это «что-нибудь»
 выводить. А если нет ничего, то надо выводить цифру 1.
 В применении к нашему случаю, если после первой закрывающей
 угловой скобки сразу же идёт открывающая, то надо выводить
 цифру. 

  Где находится первая закрывающая угловая скобка, нам ответит
 функция strpos(S¹,S²). Здесь S¹ —
 строка, в которой ищем, а S² — строка, которую
 ищем. У нас будет: 
  strpos($PAGE_SELECTOR$,'>') 
  Но нам нужна собственно и не она, а следующий
 за ней символ строки. Для этого используем функцию substr(S,N¹,N²).
 Здесь S — строка, которую разрезаем (у нас $PAGE_SELECTOR$);
 N¹ — число, которое указывает с какого символа строку
 S надо разрезать (у нас это будет strpos($PAGE_SELECTOR$,'>')
 + 1, нам нужен следующий за закрывающей скобкой символ); N² —
 длина строки, которую хотим получить (в нашем случае 1 — нам
 нужно проверить только следующий за закрывающей скобкой символ).
 Проще говоря, мы вырезаем из строки, которую выдаёт переменная $PAGE_SELECTOR$
 символ, который следует за первой же закрывающей угловой
 скобкой, и сравниваем его с символом «<». Если есть
 совпадение, то выводим цифру 1. В противном случае — всё
 содержимое переменной $PAGE_SELECTOR$. Ниже добавка
 в код сравнения и полностью вся строка условного оператора: 
  substr($PAGE_SELECTOR$,strpos($PAGE_SELECTOR$,'>')+1,1) !==
 '<' 
  

 Это работает, но можно упростить код. Вместо того, чтобы резать
 строки и анализировать их, в нашем случае можно просто искать
 строку «><». Если она есть, то выводим единицу: 
  ><') <
 0)?>$PAGE_SELECTOR$

 Это тоже работает. 
 © Photo: Toshiyuki IMAI aka matsuyuki via flickr.com



Разрешение экрана
prostologin1 — Mon, 23 Nov 2015 11:32:10 GMT
Продолжаем тему памятных записок. На этот раз нас интересуют
 величины, характеризующие разрешение экранов мониторов или соотношение
 сторон изображений.
 При работе с сайтами эта информация периодически требуется, поэтому
 лучше сохранить ссылку на неё под рукой. Итак, «Разрешение
 экрана монитора» и, на всякий случай, скриншот. Оттуда же, кстати,
 и схема, которую мы поместили в начале сообщения.
 Также может быть полезной статья «Соотношение
 сторон экрана» (скриншот). 


Пример команды exiv2
prostologin1 — Tue, 17 Nov 2015 10:46:32 GMT
Это сообщение обречено на случийные посещения водителей одной
 известной марки автомобилей, которую мы даже называть не будем,
 чтобы поисковики не подумали чего лишнего. Тут уж ничего
 не поделаешь: программа называется exiv2. Мы пользуемся
 ею довольно часто для того, чтобы добавлять комментарии
 к изображениям в формате.jpg.
 В этом комментарии мы обычно указываем ссылку в Интернете,
 откуда мы получили картинку, и имя автора. Поскольку программа всё-таки
 используется не постоянно, команды имеют свойство забываться. Поэтому
 мы решили сделать шпаргалку — себе на память, потомкам
 в назидание.
 Итак, нам нужно добавить комментарий к снимку в. JPG. Пишем так:
 exiv2 -c «текст_коммента» /address/photo.jpg
 Утилита довольно молчалива. Чаще всего не сообщает никаких ответов.
 Может поругаться на неправильно составленные (по её мнению) EXIF
 с XMPP, но при этом комментарий записать. В результате
 периодически появляется желание посмотреть, а что там записалось.
 Набираем следующее:
 exiv2 -pc /address/photo.jpg

 
 Вернётся текст_коммента.
 © Фотография в начале сообщения на тему
 комментариев и памятных записей — стена в Новодевичьем
 монастыре. Автор mr.va-di2013 на fotki.yandex.ru 


Description страницы
prostologin1 — Thu, 12 Nov 2015 09:34:47 GMT
В конце концов каждый web-мастер приходит
 к выводу, что оформление страниц сайта должно соответствовать
 стандартам. Нужно заполнить все мета-теги,
 и description в том числе. Это один из самых
 востребованных мета-тегов. Второй после title.
 Рассмотрим решение проблемы в системе uCoz.
 Есть технический выход из ситуации. С его помощью
 в системе в своё время разрешались проблемы с title —
 использованием переменных (кодов) принятых в uCoz. Например, теперь
 есть специальный код $TITLE_BAR$. Он действует не во всех
 модулях, только в Новостях и Блоге. При генерации страницы
 вместо этой переменной система вставит что-нибудь
 подобное такому тексту:
 Репозиторий nluug.nl — 29 Октября 2015 — Блог 
 А раньше этого кода не было, и те же самые данные
 составлялись вручную из нескольких переменных:
 $ENTRY_NAME$ — $ADD_DATE$ — $MODULE_NAME$
 На том же принципе можно составить текст description.
 Особенно удачно это будет выглядеть, если для новостного сообщения или
 поста в блоге нужно составлять Краткое описание материала. Потом этот
 текст будет доступен в виде переменной $BRIEF$. Даже если Краткое
 описание будет не особо кратким и выбьется
 из рекомендованных 160 знаков — ничего страшного. Наличие
 практически любого description лучше его отсутствия. Итак,
 первый вариант:
 
 Другой вариант связан с формированием нужной строки. Если
 мы не хотим, чтобы description был длиннее 160
 знаков, нам нужно обрезать текст Краткого описания. В uCoz есть
 функция substr(S,N1,N2), где «S» — исходная строка, «N1» —
 позиция в строке S с которой мы начнём отсчитывать
 нужный нам результат. Позиция самого первого знака в строке имеет
 номер 0 (ноль). А «N2» — число знаков, которые мы должны
 отсчитать от позиции N1, чтобы получить наш результат (длина конечной
 строки, иными словами).
 Для нас будут актуальны следующие значения: Вместо S подставим
 $BRIEF$; вместо N1 — 0, то есть начнём с самого начала;
 вместо N2 — 160. Выглядеть это будет так:
 
 Попробуем на постах нашего сайта. Например, к статье
 про выделение номера страницы довольно длинное Краткое описание.
 После формирования страницы получим следующее:
 
 Здесь нужно сделать сразу несколько замечаний. Во-первых,
 видно, что текст обрублен на полуслове. Так будет не всегда. Всё
 зависит от самого текста краткого описания. С «обрубками» можно
 бороться, а можно ничего не делать. Мета-тег description
 относится к техническим данным, которые придуманы для машин,
 а не для людей. Если, например, поисковик решит, что данный description
 хорошо описывает эту конкретную страницу, то он может
 использовать его в поисковой выдаче. И в этом случае
 мы не видим большой проблемы в том, что в выдаче будет
 такое обрубленное описание. С другой стороны, поисковики могут его
 модифицировать, дополнительно резать или вообще не использовать, то
 есть мы не можем заранее знать, будет ли использован этот description
 вообще. Большого смысла в том, чтобы пытаться составить его в виде
 правильной литературной фразы, мы не видим. Так что можно оставить всё,
 как есть.
 Во-вторых, нужно иметь в виду, что
 мы записали краткое описание к посту простым текстом, без
 использования html-тегов. Если
 их использовать, то $BRIEF$ будет выведен вместе с ними.
 Соответственно, они будут считаться функцией substr() и выводиться
 в description. Нам этого не надо. А учитывая,
 что именно текст «брифа» забирается для постинга в соц-сети,
 это никому не надо. Отсюда правило: Краткое описание пишем простым
 текстом (plain text).
 Для тех, кто не может успокоиться из-за обрывков текста description,
 мы продолжим наши усовершенствования в следующем посте. 


Шифруем текст
prostologin1 — Tue, 10 Nov 2015 15:13:05 GMT
Иногда бывает нужно зашифровать какую-нибудь
 фразу или текст. Например для того, чтобы передать по открытому
 каналу или разместить собственную метку в открытой базе данных.
 К нашему удивлению, не так-то просто
 найти дельный совет для решения этой задачи. Почему-то
 все считают нужным высказаться по поводу шифрования разделов, дисков
 или директорий, а такой простой вопрос обойдён стороной. Исправим эту
 несправедливость.
 Предлагается использовать пакет openssl. В системе Puppy Linux 5.7.1
 установлена версия 1.0.1. Набираем в терминале:
 # openssl

 OpenSSL>
 OpenSSL> version

 OpenSSL 1.0.1 14 Mar 2012 

 OpenSSL>
 OpenSSL> exit

 #
 Очень хорошо. Тогда набираем следующее:
 # echo "текст" | openssl enc -aes-256-cfb -a -pass pass:mypassword
 Здесь «текст» — то, что хотим зашифровать,
 а «mypassword» — пароль, который идёт открытым текстом. Обо всех
 остальных ключах и командах лучше почитать на сайте openssl
 в разделе справочника команд (для актуальной версии). В нашем
 случае это здесь.
 Кстати, результатом этой команды будет следующее: U2FsdGVkX1+UNvuChFwiqxRpP27ZxlM59R/7,
 или следующее: U2FsdGVkX18×4N6iJWuaZxwsm0/FIISRcFmK, или
 так: U2FsdGVkX19bZdbzdPmiPzRdfXG+hTyEyKo/, или так U2FsdGVkX18nKcDk0582KvpRjQLNMGyUYfvc.
 Всё это варианты выполнения указанной выше строки команд, где слово
 «текст» шифруется с паролем «mypassword» алгоритмом AES-256 в режиме CFB с последующим
 кодированием base64.
 Соответственно дешифрирование производится такими командами:
 echo шифр | openssl enc -aes-256-cfb -a -d -pass pass:mypassword
 Пробуем:
 # echo U2FsdGVkX1+UNvuChFwiqxRpP27ZxlM59R/7 | openssl enc
 -aes-256-cfb -a -d -pass pass:mypassword

 текст

 # 

 # echo U2FsdGVkX18x4N6iJWuaZxwsm0/FIISRcFmK | openssl enc
 -aes-256-cfb -a -d -pass pass:mypassword

 текст

 # 

 # echo U2FsdGVkX19bZdbzdPmiPzRdfXG+hTyEyKo/ | openssl enc
 -aes-256-cfb -a -d -pass pass:mypassword

 текст

 #

 # echo U2FsdGVkX18nKcDk0582KvpRjQLNMGyUYfvc | openssl enc
 -aes-256-cfb -a -d -pass pass:mypassword

 текст

 # 

 
 Все четыре варианта дали слово «текст».
 PS: Слова «дешифрование» в русском языке нет.
 PS2: Для Base64 шифрования применяем следующую команду:
 # echo | openssl base64 -in falename.jpg -A
 В этом случае после ключа -in идёт адрес файла, который следует
 зашифровать (в нашем случае — изображение в JPEG). Ключ -A
 говорит о том, что полученную текстовую строку не
 надо разбивать на блоки. 
 © itfo.ru Photo: demian757 via fotki.yandex.ru


Репозиторий nluug.nl
prostologin1 — Thu, 29 Oct 2015 16:39:05 GMT
Хороший набор pet-пакетов располагается
 по адресу ftp.nluug.nl/os/Linux/distr/puppylinux.
 Есть резон посмотреть там недостающие программы и установить
 их просто в виде пакета. Например, таким образом можно
 установить Google Chrome, которого нет в официальном репозитории
 Puppy Linux Precise 5.7.1.
 Чтобы автоматизировать загрузку, можно воспользоваться скриптом
 на примере нижепредставленного:
 #!/bin/sh

 cd /root

 urxvt -e wget --no-check-certificate
http://ftp.nluug.nl/os/Linux/distr/puppylinux/pet_packages-precise/google-Chrome-32.0.1700.77.pet

 petget /root/google-Chrome-32.0.1700.77.pet

 rm /root/google-Chrome-32.0.1700.77.pet
 Этот скрипт устанавливает Хром и удаляет пакет.
 А вот другой скрипт, который установит Хром-41:
 #!/bin/sh

 cd /root

 urxvt -e wget --no-check-certificate
http://ftp.nluug.nl/os/Linux/distr/puppylinux/pet_packages-tahr/google_chrome-41.pet

 petget /root/google_chrome-41.pet

 rm /root/google_chrome-41.pet
 Как видно из адреса пакета, он предназначен для tahrpup-6,
 но мы попробуем установить его на Precise.
 О результатах доложим.
 Что касается tahrpup, то попытка перехода на него провалилась:
 нам в обязательном порядке требуется davfs2 для доступа к диску
 Яндекса, а в том дистрибутиве этот пакет устанавливается криво.
 Признаки кривости мы опишем чуть позже.


Изображения в PDF
prostologin1 — Thu, 01 Oct 2015 10:17:27 GMT
Чтобы выдрать изображения из.pdf файлов надо установить пакет xpdf
 в составе которого установится программа pdfimages. Для извлечения
 изображений в консоли даём команду типа:
 pdfimages -j
 /mnt/home/home/passer/Desktop/Master_Plus/adamante/Catalog.pdf
 /mnt/home/home/passer/Desktop/Master_Plus/adamante/image
 Т. е.:
 
 команда: pdfimages,
 ключ: -j,
 адрес файла: .pdf,
 маску конечных файлов: …/image.
 
 Это всё. После того, как будет нажата кнопка Enter,
 в директории
  adamante появится множество файлов вида image-001.jpg.
 Будут так же файлы с расширением .PPM. Эти тоже
 можно посмотреть.
 Разница с GIMP состоит в том, что графический редактор
 воспринимает страницу. PDF файла как отдельный рисунок. Если, например,
 на странице фотография служит фоном, по которому идёт текст,
 то GIMP выделить её не сможет. PDFImages делает это
 на ходу.