Category Archives: Веб-разработка

Конфигурация .htaccess для соответствия Google PageSpeed Insights

В данной заметке хочу привести примеры типовой настройки файла .htaceess для веб-сервера Apache, которые реализуют включение сжатия и использование кеширования браузера для Google PageSpeed Insights (GPSI) Это лишь та часть настроек, которую можно выполнить редактируя файл .htaccess и 100 очков по GPSI это не дает. Использование кеширования браузера: Использование кеширования браузера: Включение сжатия: Хотел бы… Read More »

Установка заголовка Last-Modified и 304 Not Modified с проверкой If-Modified-Since

Заголовок Last-Modified сообщает посетителю сайта о времени последнего изменения страницы. Если посетителем сайта является робот поисковой системы, то на основании корректно настроенной работы этого заголовка робот принимает решение о индексации или повторной индексации страниц вашего сайта. Более подробно о том, для чего служит Last-Modified вы можете прочитать на этой странице Следующий код при помощи php… Read More »

Настройка отслеживания целей типа reachGoal через iframe

Недавно в работе над одним из сайтов мне потребовалось разместить отслеживание цели типа reachGoal на кнопке оплаты. При чем оплата была реализована в виде кода Яндекс.Кассы, который выглядит примерно вот так То есть код кнопки добавлен через iframe. Но события onclick не срабатывают на содержимое iframe, поэтому воспользуемся jQuery плагином iframeTracker. Он будет вызывать callback-функцию, когда курсор… Read More »

Настройка https (SSL) бесплатно на базе Let’s Encrypt

Настройка https (SSL) бесплатно на базе Let’s Encrypt Не буду вдаваться в подробности, как говорится нет времени объяснять, если у вас Linux Debian и VPS c возможностью исполнять команды от пользователя в консоли, то для установки сертификата вам потребуется последовательно из консоли выполнить следующие команды: ставим git если еще не установлен переходим во временный каталог… Read More »

Как попасть под фильтр АГС не размещая платных ссылок и выйти из под него установив всего один плагин

«Рабинович, вы у нас вчера были в гостях?» — «Был!» — «Так вот после вашего ухода пропали серебряные ложки!» — «Но я их не брал, я порядочный человек!» — «Но ложки все-таки пропали! Так что больше не приходите к нам в гости!.. Рабинович, ложки нашлись!» — «Так что, можно приходить в гости?» — «Э нет,… Read More »

Базовая защита WordPress от взлома

WordPress часто ломают. Это ни для кого не является секретом. Происходит это потому, что на долю WordPress приходится очень большое количество сайтов. WordPress популярен. Поэтому для примитивной защиты вашего блога на WordPress можно использовать некоторые достаточно распространенные базовые инструкции. 1. Прикрываем доступ к скрипту авторизации wp-login.php и папке wp-admin. Разрешаем доступ только с вашего статического… Read More »

Интеграция сервиса Яндекс.Касса с CMS MODx Revolution

Для сайта www.stamp-collection.ru расширяя доступные варианты оплаты заказов было принято решение подключить сервис Яндекс.Касса Этот сервис агрегирует многие из доступных на сегодняшний день средств оплаты. Деньги поступают на ваш внутренний счет в системе, с которого ежедневно происходит перечисление на ваш расчетный счет юридического лица. Сейчас попытаюсь описать алгоритм подключения сервиса, с учетом того, что интеграция… Read More »

Миграция MODx Evolution -> MODx Revolution

Миграция MODx Evolution -> MODx Revolution Для миграции старых сайтов разработанных на MODx Evolution на новую платформу MODx Revolution был создан компонент Provisioner и шлюз revogateway. Компонент устанавливается на MODx Revolution, а шлюз на MODx Evolution как сниппет в папку /assets/snippets/ Процесс миграции крайне прост. Вы указываете реквизиты доступа в административный интерфейс (логин и пароль).… Read More »

Убираем рефспам (refspam) из статистики или как победить ilovevitaly

Многие вебмастера анализирующие статистику переходов на свой сайт с середины 2014 года обратили внимание на непонятные переходы на свой сайт по непонятным ссылкам. На скриншоте системы аналитики Яндекс.Метрика это выглядит примерно так Переходы с этих сайтов генерируют 100% отказов. Мы видим тут переходы с сайта http://ru.lovevitaly.com, http://addons.mozila.org и http://ftns.ru На первый взгляд, ну что такого,… Read More »

Инструменты для тестирования верстки и отзывчивого дизайна

Подходы к клиентской части разработки веб-сайтов меняются и усложняются. Сегодня в моде responsive дизайн, то есть дизайн сайтов отзывчивых относительно того или иного устройства. Я не удивлюсь если через несколько лет у меня закажут сайт для тостера или микроволновой печи. Почему нет? Усложняются подходы, усложняется и возможность тестировать свою работу. В идеальном случае тестировать клиентскую… Read More »

Элементы микроразметки для улучшения взаимодействия сайта с социальными сетями

Микроразметка это дополнительная возможность сообщить роботу поисковой системы на то, что конкретно содержит страница. Микроразетку так же называют семантической разметкой. Дополнительное информирование роботов осуществляется за счет добавления на страницу в html код тэгов и атрибутов тэгов. Под микроразметкой (или семантической разметкой) мы подразумеваем разметку страницы с дополнительными тегами и атрибутами в тегах, которые указывают поисковым… Read More »

Просмотр файлов .mobi на PC и отображение обложек мобильных книг на Windows

Ранее я писал о том как связать ваш ноутбук под управлением Windows, читалку Amazon Kindle и устройство Apple iPad в единую экосистему (обзор облачных сервисов для хранения информации), которая позволяет доступно синхронно обмениваться книгами между устройствами. Хотел бы немного дополнить свой рассказ некоторыми моментами, которые я упустил. Kindle PC На Windows можно установить программу KindlePC… Read More »

В Киеве прошел Web Standarts Days

В субботу в Киеве прошла встреча любителей веб-стандартов. В программе были доклады: — Сколько нужно верстальщиков, чтобы вставить picture? — Правила хорошего тона в HTML и CSS — Пишем БЭМ правильно — Доступный веб для всех — PostCSS — что такое постпроцессоры CSS — Зачем нам функциональное программирование — Swarm.js: реактивная синхронизация данных — Режимы… Read More »

Несколько моих принципов верстки (front end coding my best practices)

Работая длительное время с версткой макетов у меня сложилась своя система, которой я стараюсь придерживаться из проекта в проект. И я решил ее свести в набор 10 правил, которые я обычно использую в работе. Итак 1. Используйте стандартный ластик reset.css Я использую стандартный ластик от Сида Мейэра reset.css который позволяет обнулить все отступы, и привести… Read More »

Кроссбраузерный @font-face и обзор font-face генераторов

Довольно часто в клиентской части кода требуется использовать не системные шрифты. Системными (или иначе безопасными шрифтами web-safe fonts) на сегодня являются шрифты установленные в операционной системе. К web-safe fonts относятся такие шрифты как: Arial, Helvetica, Tahoma, Trebushet MS, Verdana, Times New Roman и некоторые другие семейства шрифтов. Посмотреть полный список web-safe fonts можно на сайте… Read More »

Обзор облачных сервисов для хранения информации

Не так давно я стал счастливым обладателем планшета iPad Apple AIR 16 gb + Cellular в первой его версии (кстати покупка состоялась аккурат в день выхода второй версии). Отставим в сторону вопросы, а зачем вообще нужен этот огромный iPhone и недо-Macbook Air и ответим однозначно — затем! Apple iPad Air В этом устройстве практически все… Read More »