Category Archives: Frontend

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

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

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

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

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

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