Записки web-разработчика

Библиотека web-иконок в шрифте Awesome

Впервые столкнулся при разработки собственной темы opencart 19.06.16. Захотел поменять иконку стиля “fa-heart” в карточке выбора товара - вместо сердечка - стрелка истории

Находим в файле  htdocs/catalog/view/javascript/font-awesome/css/font-awesome.css нужный стиль и меняем код иконки с “f004” на “f1da” в двух местах.

Статья по применению

Здесь свежая версия всех иконок

awesome_sample3

Punycode

Конвертация интернациональных имён доменов (IDN) в кодировку Punycode. .рф (punycode: .xn–p1ai; Российская Федерация) — национальный домен верхнего уровня для России.
Punycode — стандартный метод преобразования последовательностей символов Unicode в ACE-последовательности, состоящие только из алфавитно-цифровых символов, разрешённых в доменных именах.
Punycode разработан для преобразования доменных имен, содержащих умляуты или символы кириллицы (в кодировке Unicode), в последовательность ASCII-символов.
Причиной введения Punycode было то, что в стандарте доменных имен разрешены только 26 символов латинского алфавита, цифры от 0 до 9 и дефис.
Но другие языки, в том числе и с латинским алфавитом, содержат дополнительные символы.

$ echo "президент.рф" | idn
xn--d1abbgf6aiiy.xn--p1ai

Заглушки для сайта

Здесь есть описание и ссылки на различные заглушки В файле js/scripts надо изменить дату, иначе скрипт обратного отсчета не работает.

Favicon

Как поставить свою favicon.ico на сайт

Favicon — это небольшая картинка, которая отображается рядом с названием вашего сайта в “Избранном” и рядом с адресом вашего сайта в адресной строке браузера вместо стандартной.
Обычно используется изображение размера 16x16 пикселов формата ICO.
Традиционно помещается в корень сайта под именем favicon.ico, так как исторически сложилось, что там его ищет Internet Explorer.
Все современные браузеры понимают явное указание положения значка в HTML-коде и могут использовать вместо формата ICO формат PNG, GIF, BMP и других.
Путь к файлу, его формат и размеры изображения могут быть любыми, допустимыми для WWW, за исключением Internet Explorer, который допускает для значка только формат ICO, расположенного в корне сервера.
На сегодняшний день Internet Explorer — это единственный браузер, который показывает иконку сайта только если сайт добавлен в “Ибранное” (Закладки), иконка называется favicon.ico. К сайту иконка подвязывается прописанием в коде документа между тегами <head>\</head> следующего кода: 

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
Если, например, вы используете WordPress, то этот код нужно разместить между тегами <head> в файле темы header.php.
Для того чтобы создать иконку для сайта можно воспользоваться:
- программами Microangelo, QTam Bitmap to Icon, Axialis IconWorkshop;
- плагином для Photoshop, например — IconBuilder-XP100;
- онлайн ресурсами для создания favicon, например: http://favicon.cc

Сайт содержит форму, позволяющую загрузить собственную картинку размером не более 300 Кб для создания иконки. В этой форме предусмотрена возможность поставить галочки для добавления в favicon.ico значков 32x32 и 48x48 для десктопа.