TrustLink – новая белая база SeoPult

Всем добрый день. Давно не писал в блог, больше чем пол года. За это время многое успело случиться, я успел немного пересмотреть свои взгляды на жизнь, на работу и свои планы на будущее. Пока я отсутствовал на блоге ( не писал, но старался ответить на все вопросы в комментариях), блог на удивление подрос в плане посещаемости, количества читателей и что самое интересное, ТИЦ блога стал 10 (08.04.2010), несмотря на то, что на блоге более 6 месяцев не появилось ниодной статьи, за все время существования блога ( с марта 2009 г.) не было куплено ниодной ссылки, нисделано ниодного прогона. Короче говоря это все естественно и это не может не радовать.
А теперь к сути поста.
Сегодня была анонсирована новая биржа ссылок TrustLink от SeoPult, которая возможно станет серьезным конкурентом небезызвестной SAPE.ru. Пока ресурс находится на стадии бета тестирования, но уже доступны все функции для вебмастеров. Основное преимущество биржи заключается в гарантированном выкупе ссылок благодаря фильтрам SeoPult, по заверениям разработчиков системы – 60% ссылок раскупятся за 2 недели. Вполне вероятно, сайты из биржи станут новой белой базой SeoPult, так как в систему принимаются только качественные площадки, не участвующие в других биржах и с минимум тИЦ 10. А так как будет хороший постоянный спрос, то и цены будут выше.

Как получить доступ к бирже ссылок TrustLink. Для получения доступа вводим логин trust, пароль tsurt (будьте внимательны не перепутайте). Дальше можно спокойно регистрироваться. Если у Вас нет опыта в продаже ссылок или попросту нет желания возиться с установкой кода, можно предоставить FTP-доступ к сайту и специалисты системы сами установят код. Кроме того будут утверждать заявки и настраивать параметры. Называется все это дело – тариф «Беззаботный». Кроме того при таком подходе гарантируется максимальная раскупаемость ссылок.
Вот собственно и все на сегодня, спасибо за внимание. Удачи Вам!

Похожие статьи

• AJAX - upload файлов.
• 10 галерей для Вашего сайта
• Лёгкий движок AJAX

htaccess

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

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

После подсказок поговорим о 8 самых распространенных ошибках. Что ж, начнём?

12 Основных приёмов .htaccess:

1. Создайте собственную страницу ошибок.

.htaccess на Apache сервере Linux облегчает создавать Ваши собственные страницы ошибок. Просто создайте свои собственные страницы ошибок и добавьте этот код в свой .htaccess файл:

ErrorDocument 401 /401.php
ErrorDocument 403 /403.php
ErrorDocument 404 /404.php
ErrorDocument 500 /500.php

(Вы должны заменить “/500.php” и остальные на путь к этим файлам на Вашем сервере.)

2. Предотвращение просмотра директорий.

Если Вы не включаете файл индекса в директории, посетители могут непосредственно просмотреть содержимое директории.

Этого можно избежать добавлением одной строчки в файл .htaccess Вашего сайта.

Options All -Indexes

3. Установите страницу по умолчанию для всех каталогов.

Изменение индекса каталогов сайта.

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

DirectoryIndex news.html

(Вы должны заменить “news.html” на то, что хотите использовать по умолчанию.)

4. Настройте 301, редирект.

Настройка редиректа.

Если Вы измените структуру своего сайта и должны будете переадресовать некоторые старые URL, то следующий отрывок кода сделает это за Вас:

Redirect 301 /original/filename.html http://domain.com/updated/filename.html

/original/filename.html - старое местоположение (принимаемый адрес)
http://domain.com/updated/filename.html - новое местоположение (редирект).

5. Сжатие файлов с GZIP.

Сжатие файлов с gzip.

Вы можете добавить следующий код к своему htaccess файлу, чтобы сжать все Ваши JavaScript, CSS и файлы HTML, используя GZIP.

<IfModule mod_gzip.c>
mod_gzip_on         Yes
mod_gzip_dechunk    Yes
mod_gzip_item_include file          \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler       ^cgi-script$
mod_gzip_item_include mime      ^text\.*
mod_gzip_item_include mime      ^application/x-javascript.*
mod_gzip_item_exclude mime      ^image\.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>

6. Редирект к безопасному https - соединению

Если Вы хотите переадресовать свой сайт к безопасному https соединению, используйте следующее:

RewriteEngine On
RewriteCond %{HTTPS} !on
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

7. Блокировка исполнения скриптов.

Вы можете остановить выполнение скриптов на определенных языках, используя следующее:

Options -ExecCGI
AddHandler cgi-script .pl .py .php .jsp. htm .shtml .sh .asp .cgi

Просто измените названия языков на те, которые необходимо остановить.

8. Заставьте пользователей загружать файлы.

Если Вы хотите, чтобы посетители сайта загружали фалы, вместо того, чтобы открывать их в браузере, используйте этот код:

AddType application/octet-stream .doc .mov .avi .pdf .xls .mp4

Указывайте только те расширения файлов, на которые должно распространяться данное правило.

9. Установите ограничения для загрузки файлов.

Вы можете ограничить размер загружаемых файлов, время загрузки, добавив эти строчки:

php_value upload_max_filesize 10M
php_value post_max_size 10M
php_value max_execution_time 200
php_value max_input_time 200

Первая строка для ограничения размера фалов для загрузки;
Вторая строка определяет максимальный размер для $_POST данных;
Третья строка - максимальное время в секундах, которое может работать скрипт;
Четвертая - максимальное количество времени в секундах, которое скрипт может обрабатывать входные данные.

10. Включите кэширование файлов.

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

#кэшировать html и htm файлы на один день
<FilesMatch ".(html|htm)$">
Header set Cache-Control "max-age=43200"
</FilesMatch>
#кэшировать css, javascript и текстовые файлы на одну неделю
<FilesMatch ".(js|css|txt)$">
Header set Cache-Control "max-age=604800"
</FilesMatch>
#кэшировать флэш и изображения на месяц
<FilesMatch ".(flv|swf|ico|gif|jpg|jpeg|png)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
#отключить кэширование
<FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
Header unset Cache-Control
</FilesMatch>

(Время для max-age в секундах.)

11. Защитите свой сайт от “hotlinking”.

Доставьте неудобства тем, кто крадёт Ваш контент. Сделайте так, чтобы они не показывали изображения, принятые с Вашего сервера на своих страницах. Вот способ заблокировать hotlinking в htaccess:

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://([ -a-z0-9]  \.)?domain\.com [NC]
RewriteRule \.(gif|jpe?g|png)$ - [F,NC,L]

(Не забудьте заменить “domain\.com” на свои значения)

12. Замаскируйте свои типы файлов.

Вы можете замаскировать все свои типы файлов, заставляя их выглядеть как файлы PHP. Только вставьте этот отрывок в htaccess:

ForceType application/x-httpd-php

htaccess

8 Советов по использованию htaccess.

• Будьте осторожны при написании, .htaccess не прощает орфографических ошибок.
• Синтаксис файла .htaccess чувствителен к регистру. Если что-то написано в примерах с заглавной буквы, убедитесь, что также оно выглядит и в вашем htaccess файле.
  
• Оптимизируйте настройки кэширования. Если ваш сайт почти полностью статический, вы можете установить в разы большее время кэширования. Если же ваш сайт ежедневно обновляется, убедитесь, что пользователи просматриваютобновленные страницы, а не кэшированные.
• Не забывайте комментировать свой htaccess файл. Это можно сделать, добавив # в начале строки комментария.
• Всегда тестируйте ваш сайт сразу же после внесения любых изменений в ваш htaccess файл. Одна опечатка может положить Ваш сайт, и Вам придется потратить много времени на исправление ошибок.
• Всегда делайте backup ( резервные копировании ) Ваших htaccess файлов перед внесением каких-либо изменений. Таким образом, если возникнут проблемы, Вы сможете легко восстановить старый файл.
• Некоторые методы не кросс-браузерны!
• Помните, защищая каталог с htaccess, что, если он не ограничен https доступом, пароль мог засветиться (поскольку Ваши данные аутентификации будут переданы по небезопасной связи).

Похожие статьи

• Селекторы CSS
• 21 полезный компонент PHP и туториал для повседневных web-проектов.
• AJAX - upload файлов.

Современные сайтостроители не могут себе позволить обычный способ загрузки файлов с помощью поля <input type=”file” />. Он морально устарел по нескольким причинам:

1. Можно загрузить только один файл.

2. Требует перезагрузки страницы.

3. Тяжело настроить его внешний вид.

Требуется инструмент, который обладал бы следующими качествами:

1. Легко подключаемый.

2. Легко настраиваемый как функционально, так и визуально.

3. Загрузка нескольких файлов.

4. Прогрессбар (показ процесса загрузки).

5. Кроссбраузерность (работоспособность во всех современных браузерах).

Для меня таким инструментом стал FancyUpload - Swiff meets Ajax (v3.0).

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

1. Вот так он, собственно выглядит на моём сайте… Жмём на ссылку для выбора файлов, подлежащих загрузке.

ajax - upload файлов

2. Выбираем файлы , можно даже несколько одновременно. Жмем открыть.

ajax - upload файлов

3. Появляются превьюшки с названиями и размером файлов, которые загружаем и это при том, что мы их ещё не загрузили! Жмем загрузить фотографии.

ajax - upload файлов

4. Начинается загрузка файлов. Два прогрессбара. Первый показывает общий прогресс, второй - файла, который грузится в данный момент.

ajax - upload файлов

5. Если Вы внимательно разглядывали картинки, то, наверное заметили ссылку очистить список. В версии, которую я “затачивал” под себя она без перезагрузки страницы удаляет список загрузок и соответствующие ему файлы на сервере.

В моей реализации при загрузке создаются три копии картинки :

1. Иконка (20px*Xpх)
2. Миниатюра (150px*Xpx)
3. Большое изображение(600px*Xpx)

Ресайзятся пропорционально. Исходное изображение тут же удаляется. Этим я “предохраняю” сервер от неоправданно больших и “тяжелых” изображений.

На миниатюру и большое избражение вставляется водяной знак.

С помощью FancyUpload’а можно загружать файлы размером до 2Гб!

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

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

1. imageresize - ресайзит изображение пропорционально, наносит водяной знак на получившееся изображение.

// $outfile -  путь к файлу, который получится после преобразования
// $neww - ширина в px, к которой преобразуем
// $infile - путь к файлу, который преобразуем
// $quality - качество изображения в %
// вызов функции выглядит примерно так:
//
// imageresize("images/out_image.jpg",150,"uploads/image.jpg",100);
//
function imageresize($outfile,$neww,$infile,$quality) {

$im=imagecreatefromjpeg($infile);

$newh=$neww*imagesy($im)/imagesx($im);

$im1=imagecreatetruecolor($neww,$newh);
imagecopyresampled($im1,$im,0,0,0,0,$neww,$newh,imagesx($im),imagesy($im));
if($neww>=140)//добавляем водяной знак на изображения больше среднего размера
{              //путь к изображению с водяным знаком
$image_logo = "../../../images/logo.png";
$im_logo = imagecreatefrompng($image_logo);
imagecopy($im1, $im_logo, 0, 0, 0, 0, 150, 25);
}
imagejpeg($im1,$outfile,$quality);
imagedestroy($im);
imagedestroy($im1);
}

2. Удаление файла

//удаляем исходный файл
if(@file_exists('upload/file.jpg'))
{
unlink('upload/file.jpg');
}

По просьбам читателей выкладываю исходники своего варианта этого загрузчика: скачать ajax-uploader.

Похожие статьи

• Способы повышения юзабилити форм.
• 21 полезный компонент PHP и туториал для повседневных web-проектов.
• .htaccess: Советы и основные ошибки.

1. Создание динамических опросов на jQuery и PHP.

В этом туториале Вы узнаете, как создать опрос с использованием PHP и XHTML, а также jQuery Ajax - функций для получения результата голосования без перезагрузки страницы, и придания опросу эффектов анимации.

Как создать опрос на AJAX?

<div id="poll-container">
<h3>Poll</h3>
<form id='poll' action="poll.php" method="post" accept-charset="utf-8">
<p>Pick your favorite Javascript framework:</p>
<p><input type="radio" name="poll" value="opt1" id="opt1" /><label for='opt1'>&nbsp;jQuery</label><br />
<input type="radio" name="poll" value="opt2" id="opt2" /><label for='opt2'>&nbsp;Ext JS</label><br />
<input type="radio" name="poll" value="opt6" id="opt6" /><label for='opt6'>&nbsp;mootools</label><br /><br />
<input type="submit" value="Vote &rarr;" /></p>
</form>
</div>

Эта форма будет обработана на PHP в асинхронном режиме (без перезагрузки страницы), и когда мы получим ответ от сервера, в работу всупит Javascript (jQuery) и покажет нам результат голосования.

Демо

2. FancyUpload – загрузка файлов на Ajax (v3.0)

FancyUpload-достойная альтернатива стандартной загрузке файлов.

AJAX-загрузка файлов

Загрузка файлов AJAX, её плюсы и достоинства перед другими:
• Загружает файлы без перезагрузки страницы.
• Можно загружать сразу несколько файлов.
• Имеет анимированный прогресс-бар.
• Легко настраивается с помощью CSS и XHTML.
Использует библиотеку Mootools.

<form action="../script.php" method="post" enctype="multipart/form-data" id="form-demo">
<fieldset id="demo-fallback">
<legend> Загрузка файла </ Legend>
<p>
Эта форма является лишь примером FancyUpload.
Если Вы видите эту часть, то что-то не впорядке с вашим исходным кодом.
</ P>
<label for="demo-photoupload">
Загрузить файл:
<input type="file" name="Filedata" />
</label>
</ fieldset>

Демо

3. Ajax Fancy Captcha - drag and drop каптча.

Ajax Fancy Captcha - jQuery плагин, который помогает вам защитить ваши веб-страницы от роботов и спамеров. Ajax каптча - новый, интуитивно понятный способ  ”проверить человечность” посетителя сайта. Для этого посетителю предлагается перетащить указанный пункт в круг.

AJAX каптча

Теперь посетителям нет необходимости разбирать непонятные картинки и вводить их значеия в поле или складывать цифры. Ajax Fancy Captcha - хороший шаг вперёд с точки зрения повышения юзабилити форм.

Демо

4. jQuery UI Слайдер для элементов SELECT

Плагин позволяет прогрессивно расширить функционал HTML-тэга <select>. Ползунок дает возможность визуально показать, “развернуть” на шкале значения поля <select>.

Select jQuery UI

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

Демо

5. jQuery Password Strength Meter - проверка паролей на прочность.

jQuery Password Strength Meter представляет собой подключаемый модуль, который с помощью смарт алгоритмов обрабатывает на лету входящие данные (пароль) и возвращает данные о его надежности.

Проверка паролей на прочность jQuery

Демо

И напоследок, не пропустите акцию от блога “Всё обо всём или попытки заработка“  и получите Бесплатный баннер на 2 месяца. Удачи!

Похожие статьи

• 21 полезный компонент PHP и туториал для повседневных web-проектов.
• AJAX - upload файлов.
• Проверка форм на jQuery

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

Статистика использования браузеров за апрель 2009г.

1. Fierfox - 50.58%

2. IE - 25.25%

3. Opera - 17.7%

4. Safari - 3.36%

5. Chrome - 3.04%

6. Konqueror - 0.07%

Радует, что Fierfox, совместно с другими браузерами, отобрали лидирующие позиции на рынке браузеров у всеми любимого Internet Explorer ‘ а

Статистика использования браузеров (по версиям) за апрель 2009г.

1. IE 6.0 - 13.61%

2. Fierfox 3.0.10 - 18.47%

3. Fierfox 3.0.9 - 10.91%

4. IE 7.0 - 9.23%

5. Fierfox 3.0.6 - 6.9%

6. Fierfox 3.0.8 - 6.76%

7. Opera 9.64 - 5.5%

8. Opera 9.63 - 5.03%

9. Fierfox 3.0.5 - 3.91%

10. Chrome 1.0.154 - 2.98%

11. Opera 9.62 - 2.51%

12. Fierfox 2.0 - 1.95%

13. Safari 528.5 - 1.67%

14. IE 8.0 - 1.67%

15. Fierfox 3.0.7 - 1.58%

16. Opera 9.61 - 1.39%

17. Fierfox 3.0.95 - 1.3%

18. Safari 525.25.1 - 1.3%

19. Fierfox 3.0 - 0.83%

20. Opera 10.00 - 0.74%

21. Opera 9.5 - 0.65%

22. Opera 9.6 - 0.65%

23. Opera 9.23 - 0.46%

Остальные встречаются настолько редко, что я даже не стал включать их в статистику. Жду не дождусь того дня, когда IE6 будет забыт и похоронен, но пока этого не случилось, он занимает 1 место (по версиям браузеров) и с ним необходимо считаться.

Статистика использования операционных систем за апрель 2009г.

1. Windows XP - 73.07%

2. Windows Vista - 11.45%

3. Mac Intel OSX - 4.89%

4. Linux - 4.45%

5. Windows 2000 - 3.4%

6. Ubuntu - 1.22%

7. Mac PPOSX - 0.69%

8. Windows 98 - 0.34%

9. Mandriva - 0.17

10. Windows 95 - 0.17%

11. Fedora - 0.15%

В комментариях можете поделиться своими наблюдениями и ссылками на вашу статистику.

Вот собственно и всё. Если Вам интересно, как я собираю статистику, можете прочесть статью “11 плагинов wp, которыми пользуюсь сам“.

И на закуску вкусная акция от блога Все о SEO - “Прогон по закладкам за фотку!”

Не знаю как называется, но под цвет сайдбара подходит.

Похожие статьи

• Вышел Internet Explorer 8

Что делать дизайнеру, если муза ушла, все идеи реализованы, а незаконченный проект умоляет: “прикончи меня, не издевайся!”? Необходимо пуститься во все тяжкие в поисках вдохновения… Ниже приведены работы дизайнеров, у которых его навалом. Кто знает, может они и станут источником ваших новых блестящих мыслей, идей, и помогут дать жизнь проектам, которые будут вдохновлять и удивлять других…

Напоминает запуск ракеты…

Неправильно накрытый крышкой люк - куча скрытого подтекста…

Надгробная плита от Apple…

Iphone… как много в этом звуке…

Мало того, что телефон поламали, так ещё и паркет испортили…

Apple…

Для игры в гольф этот мячик уже не годится…

Диструкция повседневности - кладязь креатива. Удачи Вам в поисках идей и блестящих их реализаций!

Похожие статьи

• Способы повышения юзабилити форм.
• 3d приложения в WEB
• ТОП-5 ресурсов с коллекциями в стиле ВИНТАЖ

Google O3D API

O3D является открытым исходным кодом web-API для создания богатых интерактивных 3D приложений в браузере.
Этот API открывают на раннем этапе развития более широкому кругу разработчиков для создания открытого web-стандартa 3D графики.
Присоединяйтесь, будем вместе создавать новый web-стандарт.
Плагин O3D поддерживается в Windows, Mac OS, Linux.  Можете скачать плагин .

Примеры:

O3D пляж

1000 летающих чайников

1000 летающих чайников

Анимированная сцена

Анимированная сцена

3d игра шашки

3D игра шашки

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

Похожие статьи

• Способы повышения юзабилити форм.
• Креативные обои c символикой Apple
• ТОП-5 ресурсов с коллекциями в стиле ВИНТАЖ

Проверка форм на jQuery

Проверка формы для комментариев с помощью плагина jQuery jquery.validation_form.js

В продолжение темы “проверка паролей на javascript” решил сделать плагин проверки форм для самой распространенной javascript библиотеки - jQuery.

Подключение плагина

Плагин легко подключается и настраивается.

<!-- Подключаем скрипт -->
<script type="text/javascript" src="../js/jquery.validation_form.js"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<!-- Вызываем проверку формы -->
<script type="text/javascript">
$(document).ready(function()
{

var options_comment = {
validation_form: ".comment"   //class формы, которую будем проверять
}
$().validateThis(options_comment);

}
);
</script>
<form name="comment" class="comment" action="" method="post">
<p>Имя</p>
<input type="text" class="text important" value="Send" valNull="Введите login"><br />
<p>E-mail</p>
<input type="text" class="text email important" value="" valNull="Введите email"> <br />
<p>Сайт</p>
<input type="text" class="text" value="" valNull="http://sample.site"> <br />
<p>Текст комментария</p>
<textarea name="Name" class="text important" rows=5 cols=20 wrap="on"></textarea> <br />
<input type="submit" class="submit"  value="Send">
</form>

Обращение к элементам идет через атрибут “class”. В плагине предусмотрены классы по-умолчанию, но Вы всегда можете их изменить в настройках плагина.

Значения по-умолчанию:

• important_marker: “*“ - этим будут помечены поля, обязательные для заполнения
• min_pass: 6 - минимальная длина пароля
• email_error_message: “некорректный email“ - сообщение об ошибке в emaile
• email_valid_message: “правильный email“ - сообщение о правильном emaile
• pass_error_message: “пароли не совпадают“ - сообщение о несовпадении паролей
• pass_valid_message: “пароли совпадают“ - сообщение о совпадении паролей
• container_valid_pass_width: 300 - ширина (в пикселях) контейнера индикатора паролей
• validPassMarker_dx: 20 - шаг индикатора паролей
• validation_form: “.validation_form“ - класс проверяемой формы
• focus: “.focus“ - класс поля, в который будет в фокусе при загрузке страницы
• text: “.text” - класс полей, подлежащих проверке
• checkbox: “.checkbox” - класс проверяемых чекбоксов
• radio: “.radio” - класс проверяемых радиокнопок
• email: “.email“ - класс поля emaila
• password1: “.password1“ - класс поля пароля, в котором проверяется длина пароля
• password2: “.password2“ - класс поля подтверждения пароля
• important: “.important“ - класс поля, обязательного для заполнения
• submit: “.submit“ - класс кнопки отправки формы (указывается, если хотим сделать кнопку submit не активной по-умолчанию)
• after_input: “p“ - элемент добавляется после проверяемого поля для вставки в него подсказок

Стили подсказок, маркеров и индикаторов легко настраиваются во внешнем CSS - файле.

Теперь рассмотрим поподробнее на примере

Создадим для примера форму для комментариев

1. Форме зададим класс “comment” (class=”comment”)
2. Полю для ввода имени зададим классы “text important” (class=”text important”).  Класс text указывает, что это поле необходимо проверять, а класс important - означает, что это поле обязательно для заполнения.
3. Полю для ввода e-mail’a зададим классы “text email important” (class=”text email important”).  В этом поле добавился класс email. Он означает, что это поле необходимо проверять на валидность e-mail’a.
4. Поле сайт не является обязательным для заполнения, поэтому у него только класс “text” (class=”text”).
5. Поле с текстом комментария обязательно для заполнения, поэтому ему присваиваем классы “text important” (class=”text important”) .
6. Кнопке submit ставим класс “submit” (class=”submit”), чтобы сделать её не активной по-умолчанию.

В итоге у нас получился следующий код:

<form name="comment" class="comment" action="" method="post">
<p>Имя</p>
<input type="text" class="text important" value="Send" valNull="Введите имя">
<p>E-mail</p>
<input type="text"   value="" valNull="Введите email">
<p>Сайт</p>
<input type="text" class="text" value="" valNull="http://">
<p>Текст комментария</p>
<textarea name="Name" class="text important" rows=5 cols=20 wrap="on"></textarea>
<input type="submit" class="submit"  value="Оставить комментарий">
</form>

Если у Вас возникли вопросы, пишите в комментариях.Скачать плагин jquery.validation_form.js (37 Kb) с примерами.

Похожие статьи

• Способы повышения юзабилити форм.
• Библиотека JavaScript Image Processing Library
• 10 галерей для Вашего сайта

Холивар - горячие споры!

Сегодняшнее утро началось с открытия для себя одного интересного ресурса - holywars.ru . Приятный дизайн и удобство в использовании заставили зависнуть всем отделом на полдня. Решил о нем отписаться.

Что это за проект?:

Холиварс.ру — это удобная платформа для проведения споров на самые разные (серьёзные и не очень) темы:

• Кокаин vs Онлайн игры
• Одноклассники.РУ vs Вконтакте.РУ
• pc vs mac
• добро vs зло
• лево vs право
• и т.д.

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

Заходите, проверьте сами, пока!

Похожие статьи

• Двинятины жгут!
• Статистика использования браузеров.
• 21 полезный компонент PHP и туториал для повседневных web-проектов.