Библиотека scrolldeck.js – это наверное лучший способ реализации прокручивающейся презентационной площадки. Всё, что вам нужно сделать, это создать веб-страницу, где каждый слайд будет заключен в отдельный div. Для того, чтобы библиотека функционировала, вам понадобятся JQuery, Scrollorama, scrollTo, а также JS-скрипты easing и scrolldeck. После ссылки на вышеприведенные скрипты, создайте площадку для слайдов, которая будет загружаться по событию полной загрузки документа (document ready), и настройте ее следующим образом:

$(document).ready(function() {var deck = new $.scrolldeck({buttons: '.nav-button',slides: '.slide',duration: 600,easing: 'easeInOutExpo',offset: 0});});
Здесь всё, что вам нужно сделать, это добавить классы animate к вашим элементам слайдов, как показано ниже:

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

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

Его очень просто настроить. Просто создайте цепочку изображений (под названиями типа image-1.jpg, image-2.jpg), определите папку для изображений и количество кадров, и на этом вы почти закончили.

Здесь представлены функции для активации/деактивации эффекта, настройки осей (x, y и z) и многое другое.


Совместимость: все современные браузеры
Веб-сайт: http://lenticular.attasi.com/ ... Читать дальше »

Компоненты AJAX, DHTML и javascript практически незаменимы в эру технологии Web 2.0. В наше время, разработчики, всё чаще и чаще предпочитают использовать данные компоненты при создании веб-сайтов, потому что с их помощью можно снабдить сайт большими возможностями и гарантировать лучшую функциональность. Вопрос в том, какими библиотеками javascript можно воспользоваться при создании нового проекта в сети? Какие главные функции, эффекты и прочие полезные технологии сможет предоставить javascript? Мы попробуем ответить на эти вопросы.

Как результат – мы предоставим огромный список из более чем 50 Ajax, javascript и DHTML библиотек с подробными их описаниями.

- AjaxAC
AjaxAC – это платформа, написанная на языке PHP и предоставляемая открытым кодом. Её используют для разработки, создания и произведения AJAX-пр ... Читать дальше »

Почти в каждом фильме есть сцена, когда кто-нибудь оттягивает главного героя в сторону и произносит нечто вроде: «Мне нужно тебе кое-что рассказать о [вставьте любое имя]». И в большинстве случаев мы узнаем о каких-нибудь темных делишках «друга» главного героя или о том, как главный союзник оказывается на самом деле исчадием зла. Это примерно такой же момент, только мы собираемся рассказать вам о нашем друге в мире WEB2.0 – AJAX.

Сейчас эта технология применяется повсеместно. Её библиотеки и платформы делают процесс разработки интерактивных веб-приложений до смеха легким. С помощью AJAX вы можете немного «оживить» ваши статичные страницы и блоги.

Например, мы можем взять следующий HTML-код:

Let there be AJAX magic

…и добавить немного этого jQuery-кода:

$('.ajaxtrigger').click(function(){
  $('#target').load('ajaxcontent.html');
... Читать дальше »

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

Полезные ссылки

Неординарный подход, за счет которого вы сможете превратить интерфейс вашего веб-сайта в интерактивное AJAX-приложение. Здесь предложено более 35 статей, посвященных AJAX, и почти все они подкреплены действующими примерами профессионального исполнения. Вы также можете использовать дан ... Читать дальше »

Одним из важнейших факторов успешности ваших веб-сайтов является возможность пользователей взаимодействовать с вашим приложением. Возможность пользователям оставлять комментарии или оставлять отзывы – это одни из самых важных кирпичиков в фундаменте взаимосвязи с веб-приложением. Стоит также отметить возможность оценивать статьи посредством простого 5-звездочного метода, или же возможность отвечать на опросы. Ниже вы найдете подборку javascript (jQuery, Prototype, MooTools…) плагинов и обучающих статей, с помощью которых вы сможете внести интерактивных дух в ваш веб-сайт.

Плагины javascript для внедрения рейтинговой системы

01. Плагин ColorRating


ColorRating представляет собой ... Читать дальше »

Ajax Availability Calendar представляет собой бесплатный скрипт на PHP, который отображает свободные дни и время определенных мест и людей (комната в отеле, форточки между занятиями и так далее).
Приложение поставляется с административной панелью на AJAX (к тому же есть поддержка нескольких администраторов), с помощью которой вы можете управлять календарем.


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

Требования: поддержка PHP4+ и MySQL
Веб-сайт: ... Читать дальше »

jTable - дополнительный jQuery-плагин для лёгкого построения многофункциональных CRUD-интерфейсов по технологии Ajax. Плагин генерирует все необходимые HTML-коды и "общается" с вами через пользовательский jQuery-интерфейс в форме диалогов "добавить новую/редактировать запись". Записи, разбитые на Ajax-страницы, можно просматривать, а также сортировать (в серверной части).


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

P.S.: Прилагаются примеры применения jTable в PHP- и ASP.NET-технологиях.

Требования: jQuery
Совместимость: все современные браузеры
Веб-сайт: ... Читать дальше »

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

Что такое асинхронный вызов?

Если мы не используем AJAX, то для того, чтобы любое изменение информации вступило в силу, нам нужно перезагружать страницу.

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

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

Вместо этого, благодаря технологии Ajax, ... Читать дальше »

Easy Basket – это очень оригинальная корзина товаров, которая позволит вам продавать предметы на любой веб-странице без специальных знаний программирования и без нужды в изменении верстки.
После установки, продукты и корзина могут быть установлены в любую часть вашей веб-страницы, и тут же заработает весь функционал.
Когда в корзину выбирает товар, на панели высвечивается скользящая корзинка с общей стоимостью товаров, а также отображаются условия оплаты. Также есть возможность перетащить продукт в корзину посредством технологии drag'n'drop.


Вы можете позволить пользователям выбирать товары по различным опциям, типа размера, цвета и так далее – всё это будет отображено в корзине.
Easy Basket поддерживает платежную систему PayPal, а также Google Checkout.
Ядро приложения написано и на PHP и на ASP, так что вы можете выбрать, какой в ... Читать дальше »