Как делать правильные веб-формы

Как правильно создавать заполняемые пользователями формы? Как сделать их наиболее удобными? Ответы на эти вопросы попытался дать Stoney De Geyter в своей статье How Web Forms Should Be Developed.

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

Итак, читаем...

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

Почему это важно: формы - это стандартный способ предоставления посетителям сайта возможности связаться с вами либо отправить заказ. Если форма работает неправильно, это пугает ваших посетителей или создает дополнительные препятствия, которые посетитель может преодолеть с большим трудом. Все это приводит к значительному снижению уровня коммуникации/отдачи от сайта.

Чему нужно уделить внимание:

Читать полностью »

Не Яндексом единым…

Приятно иногда найти что-то, что не знает наш уважаемый товарищ Яндекс...

Вот и сегодня, получилось так, что понадобилось мне скачать файл с удаленного сервера, работая в командной строке FreeBSD-сервера. По привычке набрал:

wget адрес файла

и получил в ответ ошибку:

wget: No match

Читать доки было, ясное дело, лень, поэтому попытался сразу спросить у яндекса, набрав в поле поиска

"wget: No match"

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

Искомая комбинация слов нигде не встречается.

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

Читать полностью »

Исправлен очень серьезный баг в плагине A2P-SAPELinks

Обнаружил и исправил один серьёзный баг в коде моего плагина A2P-SAPELinks, из-за которого контекстные ссылки просто-напросто не отображались. К сожалению, только сегодня смог протестировать работу плагина с контекстными ссылками, поэтому только сегодня и смог обнаружить этот баг.

Всем, кто установил себе версию 0.4 плагина необходимо скачать новую версию!

SAPE Links, v0.5 (1612)

Извиняюсь перед всеми, кто потерял заказы на размещение контекстных ссылок из-за неработающего плагина...

Читать полностью »

Основы работы с плагином A2P-SAPELinks

Я решил подробнее описать основы работы с моим плагином A2P-SAPELinks, предназначенным, как ясно из названия, для показа ссылок, размещаемых на вашем сайте через биржу ссылок SAPE.
Некоторые действия описаны, возможно, слишком подробно, но я постарался написать так, чтобы даже начинающие пользователи Wordpress смогли быстро начать использовать этот плагин по назначению.

Установка

Установка плагина не отличается от установки любого плагина для Wordpress. Просто копируется содержимое архива(папку с содержимым) в каталог wp-content/plugins. После это плагин активируется на странице Плагины (Plugins) панели управления блогом.

Настройка плагина

Плагин имеет несколько режимов работы, которые задаются с помощью настроек.
Для задания настроек плагина необходимо перейти на страницу управления плагином - Настройки -> SAPELinks (Settings -> SAPELinks).

Описание настроек плагина

Общие настройки

  • Включить локальный тестовый режим - включение этого режима позволяет проверить только правильность установки плагина. При этом на страницах сайтах должны выводится тестовые ссылки.Тестовые ссылки в виджетеЕсли добавлен хотя бы один виджет (см. далее), то будут показаны тестовые ссылки (количество зависит от настроек виджета). При этом максимальное количество тестовых ссылок - 5.Тестовые контекстные ссылкиЕсли включён режим контекстных ссылок (см. далее), то вместо текста будет выведен тестовый текст со ссылкой. При этом, в зависимости, от режима контекстных ссылок, тестовый текст может быть показан как на всех страницах, так и только на страницах просмотра полного содержимого записи или страницы.
    При включении локального тестового режима необходимо в поле Ваш SAPE код(хэш) (см. далее) прописать значение 1234567890.
  • Включить тестовый режим SAPE - при включении тестового режима SAPE в местах показа ссылок будет выведен блок HTML-комментария с содержимым <!-- check code -->
  • Ваш SAPE код(хэш) - в это поле необходимо ввести название папки, в которой размещён ваш файл sape.php.
  • Требуемая кодировка ссылок - в этом поле можно задать требуемую кодировку ссылок. По-умолчанию в системе используется WINDOWS-1251. Если ваш блог использует кодировку UTF-8 (Wordpress уже давно использует именно ее), то необходимо указать это.
  • Код SAPE используется на нескольких сайтах (Multisite) - при включение этого режима добавляется параметр multi-site. Пока не тестировался.

Настройки контекстных ссылок

  • Включить контекстные ссылки - включить вывод контекстных ссылок. При этом режим работы контекстных ссылок зависит от параметров, описанных ниже. По-умолчанию (если остальные параметры не включены), контекстные ссылки включаются на всех страницах блога.
  • только для страниц с полным текстом (Page, Post) - при включении этой опции, контекстные ссылки будут включаться только на страницах просмотра одиночной записи или страницы (не будут включены для страниц со списками статей - категорий, архивов и прочее).
  • включить также для краткого описания сообщения (Excerpt) - в некоторых темах, на страницах со списком статей используется функция the_excerpt() вместо the_content(), которая выводит краткое описание записи, которое вводится в отдельное поле при создании записи.
    Как правило, если вы хотите, чтобы на таких страницах включались контекстные ссылки, то достаточно просто включить их используя первую опцию и не включая вторую.

Оформление виджетов со ссылками

Эти поля можно использовать для задания общих для всех виджетов блоков текста, которые будут показаны перед и после виджета.

  • Код перед виджетом - код который будет выведен перед виджетами, для которых не заданы собственные значения этого параметра, например <p>предлагаем посетить сайты наших партнёров</p>
  • Код после виджета - код который будет выведен после виджетов, для которых не заданы собственные значения этого параметра, например <p>переход по ссылке будет выполнен в новом окне</p>

Примеры настроек контекстных ссылок

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

При включении опции только для страниц с полным текстом (Page, Post) , на странице со списком записей контекстные ссылки отключаются, и будут выводится только при просмотре содержимого отдельной записи или страницы.
только для страниц с полным текстом (Page, Post)

Работа с виджетами

Виджеты предназначены для показа обычных SAPE-ссылок. Если вы не добавите ни одного виджета, то ссылки показаны не будут.

Создание нескольких виджетов

Добавление нескольких виджетовВы можете добавить любое количество виджетов. Для этого необходимо перейти на страницу Дизайн -> Виджеты. В нижней части этой страницу будет блок с заголовком SAPE Links: Виджеты ссылок. В выпадающем списке вы можете выбрать требуемое число виджетов и нажать на кнопку "Сохранить". Созданные виджеты добавятся в колонку доступных виджетов с заголовками A2P Sape Links N, где N - номер виджета.

Настройка виджетов

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

Параметры виджетаПосле размещения виджетов, для каждого из них можно задать необязательные параметры:

  • Заголовок - заголовок виджета.
  • Количество ссылок - максимальное количество SAPE-ссылок выводимых в данном блоке.
  • Текст перед виджетом - текст который будет выведен перед виджетом. Если этот параметр не задан, будет использовано значение, заданное в настройках плагина.
  • Текст после виджета - текст который будет выведен после виджета. Если этот параметр не задан, будет использовано значение, заданное в настройках плагина.

Замечания

  1. Для последнего виджета желательно всегда оставлять значение параметра "Количество ссылок" пустым. Это будет означать, что в данном блоке будут показаны все, оставшиеся в списке для данной странице непоказанными, ссылки.
  2. При этом вам необходимо следить, чтобы этот виджет выводился именно последним, так как иначе в нем будут показаны все ссылки, а в следующих за ним не будет ничего.
  3. При изменении настроек не забывайте чистить кэш(если у вас установлен какой-либо из плагинов кэширования).
  4. Не забывайте, что некоторые изменения могут отобразиться не раньше чем через час (так как файлы, создаваемые кодом системы SAPE обновляются через час). Для ускорения можно удалить файлы words.db и links.db, находящиеся в папке с файлом sape.php.

Читать полностью »

Мега-плагин для пользователей Wordpress, работающих с SAPE

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

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

Для показа обычных ссылок плагин генерирует виджеты, количество которых может быть произвольно(по аналогии с текстовыми вджетами в WP). Для каждого виджета можно задать количество отображаемых ссылок, а также блоки кода, которые будут выводится перед и после блока ссылок.

Скачать, а также найти более развернутое (тем не менее, еще недостаточно полное, к сожалению)  можно на странице плагина A2P-SAPELinks.

Буду рад прочитать отзывы, а также постараюсь ответить на все вопросы.

Еще хочу поблагодарить пользователей SAPE, которые первыми скачали этот плагин и помогли обнаружить и устранить критические баги.

Читать полностью »

Google Chrome - новый подход к созданию браузера

Google Chrome BetaВот и я себе поставил бету браузера от Гугла - Google Chrome.

Мне все-таки понравился вот чем:

  • сделал импорт всего, что можно из Firefox,
  • показал все также, как Firefox(впрочем это заслуга движка AppleWebKit),
  • быстрый интерфейс, правда несколько своеобразный, как бы смесь из всех браузеров,
  • удобная стартовая страница,
  • режим инкогнито - при закрытии таба, работающего в этом режиме, вся инфа(куки, история и др.) автоматом удаляется с диска,
  • прикольная фича - ярлык приложения. Находясь, например, на странице Gmail, можно в менюшке выбрать "Создать ярлык приложения" - это позволит создать ярлык на рабочем столе, в меню "Пуск" и в панели быстрого запуска. По клику на этом ярлыке будет открываться Gmail будет загружаться в отдельном окне хрома, но без лишних элементов интерфейса браузера, то есть будет выглядеть как отдельное приложение.

Читать полностью »

Блоги - Июль. Футбол плюс Катя Гордон.

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

Итак,

Топ-5 Персональных блогов. Июль.

Блоги каких персон заинтересовали пользователей Яндекса в прошедшем месяце.

Читать полностью »

Не забывайте про правильное формирование адреса страницы!

Эх... Только сейчас заметил(точнее только дошло), что для части своих постов я задавал неправильные ярлыки.
Ярлык или адрес страницы
- это то, что вводится в поле "Ярлык записи"(для русской версии Wordpress) или "Slug"(для английской версии Wordpress).

Главное правило здесь:

В качестве разделителей слов всегда используйте символ дефис("-"), а не символ подчёркивания("_").

Читать полностью »

Подключился к FeedMates и поставил Easy Gravatars

В последнее время стал больше времени уделять чтению блогов и заметил, что на многих из них под основным текстом сообщения выводится контекстный блок с анонсом сообщения какого-то другого блока. По ссылке под блоком понял, что данный блок генерируется сервисом FeedMates.ru(http://fmates.ru). Прочитав условия работы данной программы и поразмышляв пару недель :), решил присоединиться и посмотреть на результаты. О результатах отпишу через пару месяцев, если не забуду.

Кроме того, захотелось мне как-то украсить размещаемые пользователями комментарии. Проще всего это сделать можно добавив показ аватаров авторов комментариев. Аватары показываются только для тех, кто зарегистрирован на сервисе Gravatar(http://gravatar.com) и в форме комментария указывают email адрес, зарегистрированный на Gravatar. Организовать показ таких аватаров на своем блоге можно двумя путями:

  1. Внести изменения в файлы темы
  2. Поставить соответствующий плагин

Более подробно об этих вариантах планирую рассказать попозже.
У себя я использовал второй вариант, поставив плагин Easy Gravatars(найти можно тут), внеся, правда, в него небольшие изменения. Описание изменений планирую сделать в следующем посте. Возможно соберусь с силами и сделаю уже изменённый плагин доступным для скачивания всем.

Читать полностью »

Блоги - под знаком Евро 2008

В очередной раз зайдя на страницу статистики по словам яндекса решил посмотреть популярность слова "блог". При просмотре результатов заметил, что в списке фраз, содержащих слово "блог" присутствует много имен и фамилий. Таким образом можно увидеть, чей блог за прошедший месяц интересовал пользователей поисковой системы Яндекса больше всего. И подумал я сделать свой топ популярности, основанный на поисковых фразах, использованных пользователями при поиске блогов. Честно говоря не проверял делает ли уже кто-то такой топ, поэтому если что, извиняюсь за баян :)

Итак, первый выпуск

Топ-5 Заинтересовавших персональных блогов. Июнь.

Блоги каких персон заинтересовали пользователей Яндекса в этом месяце.

Читать полностью »

аватары баги безопасность беларусь блог браузер браузеры верстка виджеты закладки интерфейсы контекст монетизация плагины программирование раскрутка ссылки статистика темы топ формы хостинг шаблоны яндекс .htaccess api b2evolution bookmarks bugs chrome code CPanel CSS error exploit firefox freeBSD Google gravatar gzip HTML JavaScript linux mod-rewrite MySQL ob-start PHP plugins rss sape.ru SEO sitemap sniplets sql tar TinyMCE utf8 wget widgets WordPress WYSIWYG xmlrpc yandex