Где правильно расположить «сайдбар»

14

Когда вы используете 3-х или 2-х колоночную структуру на блоге или сайте, вы должны определиться где должно располагаться основное содержимое, а где боковая панель. Слева или справа?

Ответ зависит от вашего блога. Итак…

Почему нужно располагать «сайдбар» справа

  • Пользователи читают слева направо. Когда пользователь попадает на страницу, он проводит взгляд слева направо и сверху вниз. Расположите боковую панель справа и первое что увидит пользователь это основное содержимое.
  • Пользователи до сих пор используют разрешение 800х600. При создании блога многие оптимизируют его под разрешение 1024х768. Однако, все еще есть достаточное количество людей, использующих мониторы с разрешением 800х600. У таких пользователей, в этом случае, появиться надоедливая горизонтальная полоса прокрутки. Но если основное содержимое находится слева, им не придеться пользоваться прокруткой чтобы прочитать его.

Почему нужно располагать «сайдбар» слева

  • Пользователи читают слева направо. Если цель вашего блога это извлечение выгоды, то ваша реклама может быть наиболее приоритетной чем основной контент. Расположите боковую панель слева и посетители увидят ее первой.
  • Глаза как правило фокусируются на центре страницы. Если основное содержимое находиться справа, заголовки статей располагаются к центру страницы ближе, чем если бы оно было слева. В итоге пользователю легче сразу перейти к основному содержимому. Это больше всего подходит к блогам и сайтам с минимальным дизайном, которые не имеют других отвлекающих элементов на странице (например сайт Astheria).
  • Matt Harzewski в своей статье Right vs. Left Sidebar предлагает интересную идею как содержимое боковой панели может влиять на ее расположение.

Если боковая панель содержит не очень важные элементы (например различные виджеты) , то лучше располагать ее справа. Если же боковая панель используется для навигации, в этом случае ее следует располагать слева, т.к. это более естественно для навигации.

Вывод:

В большинстве случаев боковую панель следует располагать справа, давая возможность основному содержимому быть на первом месте. Но в тоже время каждый блог уникален и разные цели требуют разных решений.

Оригинал: Should a Sidebar Go On the Left or Right?

Увеличение изображения с помощью overflow

25

Превьюшки на CSSЭтот пример покажет вам как можно реализовать простое увеличение изображений на вашей странице. Иногда на странице не хватает места для размещения полноразмерных изображений на странице и в тоже время не хочеться размещать маленькие, трудноразличимые картинки. Данный способ позволяет ограничить размер изображений, а при наведении указателя мыши показывать их в полном размере. (далее…)