Статьи с техническим уклоном

24.09.2013 / 9 комментариев

Экраны с высокими разрешениями сейчас есть у заметной доли пользователей интернета: 1920x1080 — около 7%. При этом физически диагональ не всегда большая, окно браузера же часто развернуто на весь экран. В этом случае шрифт на многих сайтах очень мелкий, читать практически невозможно.

Читать дальше →

14.03.2013

Может ли флеш-баннер угрожать безопасности пользователей?

Да, через баннер можно следить за пользователями, получить доступ к cookie, подгрузить клиентский скрипт, отправить данные на сторонний сервер. Поэтому исходный код баннеров нужно проверять. Список опасных конструкций можно посмотреть в требованиях Яндекса к баннерам (пункты 5, 10, 11).

Как проверить исходный код флеш-баннера? Как декомпилировать swf-файл?

С помощью программ Flash Decompiler Trillix или Sothink SWF Decompiler. Для просмотра исходного кода достаточно trial-версии.

Читать дальше →

29.09.2011 / 3 комментария

Расскажу про использование CSS multi-column layout module. Допустим у нас есть многоуровневый список.

Для основного содержимого страницы он узковат, и возникает желание выводить его в несколько колонок. Для этого используем CSS-свойства column-count: 4 и column-gap: 10px. Первое задает на сколько колонок разбить контент, второе — какой между ними зазор.

Читать дальше →

23.08.2011

Наверное многим знакома ситуация, когда проектируя макет сайта, приходится излишне ограничивать ширину изображений в основной колонке из-за пользователей с рарешением экрана 1024x768 (сейчас их доля 17%). Особенно это ощутимо в трехколоночных макетах.

На dirty.ru ширина картинок ограничена 500 пикселями

Если ширина изображения больше, то обычно оно либо частично заслоняется правой колонкой, либо появляется горизонтальная прокрутка, либо боковая колонка сползает вниз.

Сейчас удачным решением мне кажется загрузка изображений с шириной, удовлетворяющей разрешению 1280x1024. А для меньших разрешений пусть картинки масштабирует браузер:

img {max-width: 100%; height: auto}

Max-width: 100% сжимает изображения, основываясь на ширине оборачивающего блока. Но если эта ширина больше ширины изображения, то масштаб не меняется. Height: auto сохраняет пропорции изображений. Вообще это значение по умолчанию, но иногда у картинок жестко указаны размеры, и тогда пропорции искажаются.

Пример есть здесь. Чтобы увидеть эффект, изменяйте ширину окна.

16 комментариев

16.06.2010 / 15 комментариев

Иногда спрашивают, можно ли купить модуль или сборку Drupal, используемые на моих сайтах. Я что-то знаю про open source и свободные лицензии, знаю, что Drupal лицензирован под GPL, но многие конкретные вопросы до последнего времени оставались для меня без ответов. Решил разобраться, выкладываю результаты в виде FAQ'а.

Читать дальше →

23.03.2010 / 7 комментариев

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

Читать дальше →

11.09.2009 / 7 комментариев

По материалам того, что рассказывал в Киеве, составил обзор модулей для эффективного управления содержимым drupal-сайтов. Получилось в формате Q&A.

Читать дальше →