Без рубрики

Делаем веб шрифты онлайн или как перевести ttf в eof, woff, svg

Каждый верстальщик сталкивается с преобразованием шрифтов, когда дизайнер использовал в макете нестандартный шрифт и надо как-то этот шрифт переделать в формат для отображения в браузере.

Вот сервис, который преобразовывает любой шрифт в в соответствующие шрифты других форматов: https://onlinefontconverter.com/

Вот форматы шрифтов которые можно получить на выходе:

font-face, eot, svg, ttf, woff, woff2,
afm, otf, pfa, pfb, pfm, ps, pt3, tfm, bin, cff, dfont, fon, suit, t11, t42, ufo

Floating Label или плавающий заголовок поля на css

Решение: https://codepen.io/peiche/pen/xOVpPo

Оптимизация изображений или как сжать картинку без потери качества.

Вес или размер картинок используемых на сайте, часто играет серьезную роль при загрузке сайта и как следствие на ранжировании сайта в поисковых системах. Даже в google search console есть рекомендации по оптимизации картинок. Так вот недавно нашел пару сервисов, в которых можно оптимизировать картинку в png иди jpg формате. Так же пользуюсь этим сервисом при верстке сайтов, чтоб оптимизировать фоновые картинки или изображения используемые в дизайне сайта.

Еще плюсом данных сервисов является наличие API использование которого позволяет настроить автоматическое сжатие картинок используемых на сайте.

Сервисы для оптимизации изображений:

Установка бесплатного SSL-сертификата от Cloudflare

Для перевода сайта на безопасный HTTPS протокол, необходимо наличие SSL-сертификата.

Сайт где можно бесплатно получить SSL-сертификат: cloudflare.com

Инструкция по настройке:

(далее…)

Whatshelp.ru

Увидел на сайте интересный виджет – сбор контактов с помощью watsapp, viber, facebook messenger. Установил себе на sakhnov.ru посмотрим как будет работать..)) а забыл про ссылку whatshelp.ru/widget

Еще бы можно было прямо с сайта писать сразу мне в ватсап, то цены бы виджету небыло ..))

MODX EVO + Shopkeeper. Настройка сбора статистики в яндекс метрике по заказам в интернет-магазине.

Столкнулся с проблемой сбора статистики в яндекс.метрике по заказам в интернет магазине построенном на связке modx evo + shopkeeper.
https://yandex.ru/support/metrika/data/e-commerce.xml
Выделил для учета 3 события:
1. Просмотр страницы товара
2. Добавление товара в корзину
3. Покупка товара (отправка заказа)

Вот такое решение получилось:

(далее…)

Заблокированные сайты. Спасибо ростехнадзор.

Вот список из 100 сайтов, которые выбрали правообладатели:

(далее…)