Спонсор поста: Обучение вождению в Москве
Автор: SmashingMagazine.com
Перевод: Всеволод Козлов
Когда дело доходит до проектирования современных веб-приложений, на помощь приходит Ajax. Интерактивные решения для галерей, валидаторов форм, навигации, поиска всплывающих подсказок и таблиц — все это отлично реализуется с помощью Ajax. Ajax очень полезен и имеет широкое применение.
С момента публикации статьи 85 полезных и регулярно используемых AJAX-техник, необходимых для создания профессиональных веб-приложений прошло много времени, многое изменилось — появились новые, более эффективные и креативные решения старых задач…
В этой статье мне хотелось бы познакомить Вас с 60 полезными Ajax скриптами, библиотеками и решениями, которые Вы можете смело использовать при реализации своих проектов!
Перед тем, как приступить, рекомендую обратить внимание на следующие статьи:
- 30 скриптов, реализующих возможности галерей и слайд-шоу
- 43 примера реализации всплывающих подсказок с помощью AJAX, JavaScript и CSS
- 10+ бесплатных AJAX, DHTML и JavaScript решений, реализующих возможность создания многофункциональных таблиц
Ползунки
Виджет, реализующий загрузку нескольких файлов с прогресс-баром
При наведении мышкой на объект появляется всплывающая подсказка
Автозаполнение, как на Facebook
Для создания галерей изображений
Новый креативный способ визуализировать связь между различными объектами
Слайдер
В посте рассказывается о результатах использования данного виджета
Реализация меню расширенного поиска под поисковой строкой при нажатии на нее
Relay — Ajax Directory Manager
Функциональный файл-менеджер
С его помощью Вы сможете создавать прозрачные границы, цветные слои и имитировать Flash-эффекты.
Галерея изображений
Поможет Вам создать путеводителя по сайту
Таблица с изменяемыми по ширине столбцами, прокручиваемыми данными, подсвечиваемыми строками, с возможностью приконнекчиваться к xml-файлу с данными — для загрузки данных используется Ajax.
Плагин для WordPress, реализующий форму обратной связи
Интерактивная форма ввода пользовательских данных
Очень эффектный вид вкладок
Скрипт, позволяющий задавать внешний вид чекбоксов
Онлайн редактор
Виджет, реализующий функции мессенджера для сайта
Mootools animated sidebar menu
Данное руководство объяснит Вам, как реализовать живое меню с помощью mootools
Моментальная проверка вводимых пользователем данных
Creating a table with dynamically highlighted columns
Посмотрите, что произойдет при наведении или нажатии на любую ячейку таблицы — такой эффект может с успехом применяться Вами
Unobtrusive Table Actions Script
Zebra-таблица с поддержкой изменения высоты строк, столбцов…
Декоративные чекбоксы обычных форм
Позволяет создавать разнообразные рейтинговые формочки
Style Your Website’s Search Field with JS/CSS
Еще одно решение для автозаполнения
Выбор дат с помощью ползунка
Еще одно решение для создания галереи изображений
Скрипт, реализующий онлайновую фотогалерею
Виджет с функцией органайзера — визуализирует запланированные на определенное время дела и события
Displaying source code with Ajax
Позволяет выполнять заданные условия
Замена стандартному лайтбоксу
Новостной слайдер
Прогресс бар
CNN Style Scrolling Ticker with the Marquee Toolkit Control
Помимо скроллинга влево-вправо данный скрипт поддерживает 2 дополнительные опции
mooSocialize — ajax based social bookmark widget
Позволяет добавлять все необходимые социальные сайты и сервисы закладок к каждой Вашей публикации
Скрипт для создания фотогалереи на Вашем сайте
DatePicker using Prototype and Scriptaculous
Скромный и гибкий визуальный выборщик дат. Рекомендую также обратить внимание на 52 календаря и выборщика дат
Модальное окно
Раздвигающееся меню
New unobtrusive dynamic flickr badge
Презентация изображений Flickк с навигацией
13 Awesome Javascript CSS Menus
13 свежих JavaScript+CSS навигационных меню. Ниже на примере представлены Slashdot Menu и Sexy Sliding Menu
Дополнительные Ajax-скрипты
Дополнение на Ajax для Вашего сайта. Адрес электронной почты может быть добавлен без обновления всей страницы.
ClickHeat — визуализация кликов пользователей по веб-страницам Вашего сайта.
Создает модальные окна.
Protoload makes it easy to show the User what is going on.
Добавляет возможность совершать действие при нажатии на определенный объект без перезагрузки страницы.
Step by Step — Show and explain visitors what your page has for them
Пошаговый путеводитель по страницам Вашего сайта.
Позволяет пользователям изменять размер шрифта одним кликом мыши по тексту.
Реализует всплывающее контентное окно.
Дополнительные полезные ресурсы
- Ajax Rain — постоянно растущая коллекция Ajax / Javascript / DHTML примеров и демок, которые Вы можете качать совершенно бесплатно. На данный момент коллекция насчитывает больше 1000 примеров.
- 14 отличных Mootools скриптов — перечень полезных Ajax-скриптов для библиотек Mootools.
- 45 свежих и полезных jQuery плагинов и скриптов
Оригинал статьи: 60 More AJAX- and Javascript Solutions For Professional Coding
Смотрите также:
- Красивые таблицы css
- День рождения
- Семантическая разметка
- Css button
- Css конструктор
- Blockquote css
- Сделать сайт
- Css reset
- Ускорение загрузки сайта
- Css прилепить футер
13 комментария(-ев)
порадовала qGallery!
спасибо за подборочку!
Огромное спасибо!!! Информация архиполезная!!! Качаю всё подряд!
..только ссылки на англоязычные ресурсы
! А по-русски написать было слабо ???????????????????????
Классные статьи. Уже применил парочку скриптов себе. А для тех кто хочет на РУССКОМ, то вам на http://ruseller.com/ . Если там такая статья не найдется то можно сказать им о её существовании и они переведут.
Спасибо за подборку интересных скриптов. Некоторые будут очень полезны в работе.
Thank you for the information…..
Планирую купить скрипт магазина построенный на этой Ajax технологии продавец компания Webasyst. Но многие говорят, что Ajax тормознутая?! Я порыл на сайте производителя Webasyst и выбрал первый попавшийся ресурс http://nnpcto.kz они уверяют, что на этом сайте как и на всех остальных сайтах компании используется их лицензионный скрипт и именно Ajax.
Посмотрите, пожалуйста, уважаемые специалисты так ли это и действительно это Ajax? Уж больно хочется заиметь именно такой магазиньчек с этим шаблоном. Я готов за этот скрипт отдать 295$. Если сейчас вокруг Ajax столько ходит положительных отзывов за его простоту внедрения всяких виджетов, то мне кажется что взять все же стоит такой скрипт, а после наворотить дополнительными Ajax приложениями или как их называют виджетами.
Как вы думаете, стоит этот скрипт таких денег или вы можете посоветовать что-то другое? Хочется верить, что ваше мнение будет единогласным и положительным. Ведь я не зря пишу об этом, потому что как я уже говорил, есть и отрицательные мнения и отзывы об этой технологии Ajax, а деньги за скрипт просят не маленькие.
Может отрицательные отзывы об Ajax пишут те, кто недопонимает или не смыслит в этом вообще?
Так или иначе, я не специалист в этой области программирования потому и интересуюсь. За или против мне нужно знать. Если не сложно ответьте, пожалуйста, мне на почту. С уважением ко всем читателям и администрации сайта. Заранее огромное вам спасибо за ответ!
Мне вот про закладки как у facebook понравилось, только вот демка не работает.
StroymaG — посмешили, там на аяксе собрано только корзина и так по мелочи. Короче скрипт не стоит тех денег что за него просят!
Хорошая подборка. Спасибо!
Да уж, подборка впечатляет.
Я к примеру, в полный рост использую эту технологию, но правда говорят, что в итоге получается нагрузка на сервер, но я пока ничего не замечаю. Может под Ajax нужен нормальный хостер? На Агаве, к примеру, я себе позволяю кучу скриптов на сайте и хостер пока не ругается.