Недавно в работе над одним из сайтов мне потребовалось разместить отслеживание цели типа reachGoal на кнопке оплаты. При чем оплата была реализована в виде кода Яндекс.Кассы, который выглядит примерно вот так То есть код кнопки добавлен через iframe. Но события onclick не срабатывают на содержимое iframe, поэтому воспользуемся jQuery плагином iframeTracker. Он будет вызывать callback-функцию, когда курсор… Читать далее »
Забавная цитата с A List Apart The World Wide Web Consortium (W3C) is the keeper of the specifications for all the technologies on the web. As a web designer, you might have visited their site (w3.org) to find the answer to a question about XHTML, or to find out more about a new technology like… Читать далее »
Подходы к клиентской части разработки веб-сайтов меняются и усложняются. Сегодня в моде responsive дизайн, то есть дизайн сайтов отзывчивых относительно того или иного устройства. Я не удивлюсь если через несколько лет у меня закажут сайт для тостера или микроволновой печи. Почему нет? Усложняются подходы, усложняется и возможность тестировать свою работу. В идеальном случае тестировать клиентскую… Читать далее »
В субботу в Киеве прошла встреча любителей веб-стандартов. В программе были доклады: — Сколько нужно верстальщиков, чтобы вставить picture? — Правила хорошего тона в HTML и CSS — Пишем БЭМ правильно — Доступный веб для всех — PostCSS — что такое постпроцессоры CSS — Зачем нам функциональное программирование — Swarm.js: реактивная синхронизация данных — Режимы… Читать далее »
Работая длительное время с версткой макетов у меня сложилась своя система, которой я стараюсь придерживаться из проекта в проект. И я решил ее свести в набор 10 правил, которые я обычно использую в работе. Итак 1. Используйте стандартный ластик reset.css Я использую стандартный ластик от Сида Мейэра reset.css который позволяет обнулить все отступы, и привести… Читать далее »
Довольно часто в клиентской части кода требуется использовать не системные шрифты. Системными (или иначе безопасными шрифтами web-safe fonts) на сегодня являются шрифты установленные в операционной системе. К web-safe fonts относятся такие шрифты как: Arial, Helvetica, Tahoma, Trebushet MS, Verdana, Times New Roman и некоторые другие семейства шрифтов. Посмотреть полный список web-safe fonts можно на сайте… Читать далее »
Читаю сейчас книгу «Отзывчивый веб-дизайн» про совокупность подходов к реализации адаптивной верстки макетов веб-страниц, и задаюсь вопросом почему эту книгу написал американец Итан Маркотт, а не русский парень, например Вадим Макеев (достаточно известный русский фронтэнд разработчик)? Вообще, вас никогда не удивляло, что технологическое развитие в мире, оно совершенно неслучайно идет именно с запада? Автор, например,… Читать далее »
Так как я коммерчески занимаюсь разработкой сайтов, то недавно ко мне обратились с популярной сегодня просьбой адаптировать текущую верстку сайта ml-art.ru под мобильные устройства. Так как ранее я почти все шаблоны сайтов делал статическими, то в этот раз встал вопрос, а что делать, когда нужен 1 шаблон, который будет не одинаково, но достаточно удобно, просматриваться… Читать далее »
Решил для себя записывать некоторые готовые решения, которые применяю в повседневности, для этого обновляю рубрику программирование. По большей части это не совсем программирование, а скорее разметка, код, верстка, в общем клиентская часть. Итак на заметку jQuery код, меняющий класс блока на fixed если меняется значение прокрутки по вертикали более чем на 333 пикселя. Это необходимо… Читать далее »