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

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

Итак, приступим к написанию клиентского скрипта.

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

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

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

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

В этом уроке мы реализуем возможность перемещения товаров в корзину при помощи мыши на основе таких библиотек как jQuery и jQuery UI, а также используя метод AJAX.

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

От автора: одним из самых заметных трендов современного веб-дизайна является применение эффектов параллакс-прокрутки (parallax scrolling). В этом учебнике я намереваюсь показать вам, как создать на вашем собственном сайте этот эффект, использовав немного воображения и помощь от Stellar.js.

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

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

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

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

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

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

От автора: следующее в серии кодированных Орманом Кларком (Orman Clark) PSD – его потрясающее Вертикальное навигационное меню. Мы воссоздадим его с помощью CSS3 и jQuery, используя минимально возможное количество изображений.

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

От автора: В этом уроке автор покажет как объединить дизайн Ормана с великолепным плагином Nivo Slider! Что касается кроссбраузерности, то автор протестировал полученный результат в IE7 и старше. Проблем не наблюдалось вообще, кроме как с разделителями заголовка (созданными с помощью тени блока).

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

От автора: в этом учебнике мы создадим панель навигации, которая при прокрутке всегда остается с вами — а еще отполируем ее одним-двумя хитрыми приемами «до блеска».

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

От автора: Локальная память HTML5 – это как cookies на стероидах; ее невероятно легко использовать, и в то же время она очень мощная. В этом учебнике я покажу вам, как создать функциональные «sticky notes» («клейкие заметки»), которые позволят пользователям делать постоянно отображаемые записи во время просмотра вашего сайта.

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