четверг, 14 января 2010 г.

Частосовершаемые юзабилити преступления в веб дизайне.

Преступление 1. Не ассоциированные с формой выбора подписи.



<input id="1" type="radio" /> <label for="1">Кликаем надпись - активируем кнопк</label>
Для того чтобы ассоциировать подпись добавляем к ней тег for, а в радио-кнопке указываем id.

Преступление 2. Логотип сайта не ведет на главную страницу.

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

Преступление 3. Использование фоновой картинки без установки цвета фона.

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

Преступление 4. Ссылки без подчеркивания.

И снова мы обращаемся к тому, что пользователь привык видеть. А пользователь привык, что ссылки подчеркнуты. К тому же некоторые браузеры могут не поддерживать стили ссылок и они станут неразличимыми.

Преступление 5. Посещенные ссылки не выделяются.

Заботясь о цветовой схеме дизайна, разработчик часто устанавливает одинаковое форматирование для ссылок, активных ссылок, и посещенных ссылок. Не забывайте, что дизайн должен быть не ради дизайна, а ради удобства. Посещенные ссылки должны иметь собственное форматирование, в качестве варианта можете совершить на посещенных ссылках преступление 4 и снять с них подчеркивание.
a:visited {text-decoration:none;}

Преступление 6. Использование подчеркивания в тексте.

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

Преступление 7. Использование в качестве ссылок "жми сюда" или "здесь"

Плохо:
 Чтобы просмотреть это сообщение полностью кликните здесь

Хорошо:
Вы можете просмотреть сообщение полностью

Преступление 8. Отсутствие индикации активного поля

Не забывайте использовать индикацию активного текстового поля, особенно в сложных формах.
textarea:focus {border:1px solid #a0acbf;}

среда, 6 января 2010 г.

Gode.mode в Windows7 и возможно Vist-е

Для удобства настройки опреационки из одного места устанавливаем "Режим Бога".
  1. Создаем на рабочем столе папку.
  2. Даем ей имя GodMode.{ED7BA470-8E54-465E-825C-99712043E01C}
  3. Наслаждаемся удобством настройки, открыв папку.
На Viste не пробовал, но по идее должно работать. Отпишитесь если работает.
Получаем такую папку и симпатичный ярлычок:

воскресенье, 29 ноября 2009 г.

Вставка отдельного блока в .tpl COTONTI

Существует несколько вариантов
1. Можно использовать дополнительные поля предусмотренные в Cotonti.
Вы можете найти их в админке по адресу admin.php?m=config&n=edit&o=core&p=menus (Управление сайтом → Конфигурация → Слоты для меню)

Предусмотрены несколько типов полей:
  • {HEADER_BANNER} и {HEADER_TOPLINE} эти дополнительные поля возможно добавить только в header.tpl
  • {FOOTER_BOTTOMLINE} это поле возможно добавить только в footer.tpl
  • Поля доступные во всех .tpl файлах их всего 18. Это поля {PHP.cfg.menu1} - {PHP.cfg.menu9} и {PHP.cfg.freetext1} - {PHP.cfg.freetext9}
В большинстве случаев такого количества полей будет достаточно. Но существуют ситуации, когда нам нужно добавить какие-либо блоки, которые не должны быть редактируемы из админки.
Стоит отметить, что в случае если пароль администратора будет выкраден или сайт будет взломан, то эти поля окажутся доступными для злоумышленников и они легко смогут разместить на сайте вредоносный код или просто какие-либо материалы (дефейс сайта).
Из соображений безопасности лучше использовать такую схему добавления блоков, которая не позволила бы изменять их содержимое через административный интерфейс сайта. В этом случае нам помогут возможности Xtemplate. И так:

2. Возможность страивать в файлы .tpl другие файлы .tpl.
Для этого используется конструкция: {FILE "skins/НАЗВАНИЕ ВАШЕГО СКИНА/название вашего файла.tpl"}  
Например {FILE "skins/cotonti/include.tpl"}, где cotonti - папка с названием вашего скина, а include.tpl - название файла в котором вы размещаете код встраиваемого блока.

При использовании такой конструкции необходимо помнить две вещи
1. В встраиваемом .tpl файле не должно быть никаких открывающих и закрывающих блоков как в других .tpl  (BEGIN:MAIN - END:MAIN)
2. Чтобы встроенный блок начал отображаться необходимо очистить дисковый кеш.

Чтобы очистить дисковый кеш, необходимо перейти в админке по адресу admin.php?m=cache&s=disk (Управление сайтом → Модули → Дисковый кэш) и кликнуть по пункту очистить все. Также это можно сделать вручную удалив все файлы из папки корень сайта\datas\cache\templates\