Javascript | WebDuty

Интерактив с помощью Processing.js

Processing.js позволяет программировать изображения, анимацию, и прочий интерактив на веб-странице без использования Flash и Java-апплетов. Он прост для изучения и является идеальным инструментом для визуализации данных, создания пользовательских интерфейсов и разработки онлайн-игр. Он работает в FireFox, Safari, Opera, Chrome и даже в Internet Explorer, используя Explorer Canvas.
cover
Скрипт разработан Джоном Резигом. Более подробную информацию о Processing.js вы можете получить на официальном сайте скрипта.

А вы знаете какие гостиницы костромы самые лучшие? Я – нет.
Но продвигаю я эту.

8-мибитная игра на jQuery

Вы ещё сомневаетесь в возможностях библиотеки jQUERY?
К вашему вниманию две 8-мибитных игры (помните приставку Dendi?) написаны исключительно на Javascript.

Mario Kart Online

и
T&C

Красивые кнопки с помощью ButtonReplacement.js

ButtonReplacement.js это небольшой скрипт, который делает обычные кнопки гораздо красивее при сохранении их полной функциональности.
cover
ButtonReplacement.js легко интегрируется в ваши страницы и не мешает выполнению сложных сценариев. В платной версии ButtonReplacement.js предоставляет в пользование 12 скинов кнопок, а в бесплатной всего 3, но вы всегда можете нарисовать свои скины и заменить соответствующие изображения в папке Skins. Скрипт корректно работает со всеми современными браузерами. К этому скрипту есть аналогичный для select box’ов.
Скрипт разработал Мартин Иванов (!). Дополнительную информацию вы можете найти на сайте автора.
Посмотреть пример Cкачать архив

Постовой:
ремонтная бригада поможет вам сделать ремонт ;)

Слайд-меню с помощью MySlideMenu

BySlideMenu – это плагин для javascript-библиотеки Mootools, который позволяет создавать меню в виде слайдов из любого элемента, например ul/li, div, p, используя изображения и текст. С помощью BySlideMenu можно создавать как горизонтальное так и вертикальное меню + поддерживается множество эффектов.
cover
BySlideMenu работает во всех современных браузерах, меню с помощью него могут быть очень легко реализованы на вашем сайте. Внешний вид меню вы можете настроить с помощью CSS.

Проверка форм с помощью LiveValidation

LiveValidation – небольшая javascript-библиотека для проверки введённых данных в поля формы. Есть в двух версиях: версия, использующая prototype.js и автономная. Обе версии были полностью протестированы на большинстве современных браузеров.
cover

Эффект лупы с помощью jqZoom

jqZoom – скрипт, использующий jQuery, реализующий эффект лупы для ваших изобращений. Его можно использовать в каталоге продукции, для отображения каких-либо карт, в галлереях фотографий и т.п. jqZoom лёгок в использовании и работает на всех основных браузерах.

cover

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

Создаем красивые формы с помощью NiceForms

Niceforms позволяет создавать красивые формы путем замены элементов формы графическими элементами. Это полностью автономный скрипт, для его работы не требуется дополнительные библиотеки, такие как jQuery либо Prototype. Niceforms разбирает DOM-дерево страницы, находит элементы формы, скрывает их, а на их место ставит их графические аналоги. Скрипт ищет формы с классом niceform.

cover

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

Более подробнаую информацию вы можете найти на сайте NiceForms.

Посмотреть пример Cкачать NiceForms

jqPlot – jQuery плагин для построения графиков

jqPlot это jQuery-плагин, который строит различные виды диаграмм. jqPlot гибко настраиваемый, предлагает многочисленные варианты схемы стилей и форматирования. Этот плагин работает в IE 6 +, Firefox, Safari и Opera.
cover3
Покажем работу плагина на примере.

Меню в стиле Mac OS с помощью jQuery-плагина jqDock

Это jQuery-плагин позволяет легко создавать меню в стиле MacOS (или эффект “fish eye”), превращая обычные изображения в расширяющююся область, вертикальную или горизонтальную. jqDock хорошо работает во всех основных браузерах, включая Internet Explorer 6.
cover1
JqDock несложен в применении, разобраться сможет даже новичок. Всё идеально настраивается, в том числе: выравнивание, скорость анимации, размер изображений, этикетки и т. д.
Плагин разработкан Роджером Барретом. Дополнительную информацию вы можете найти на сайте плагина jqDock.

Делаем кнопку как в Skype с помощью jQuery

Skype
Если вы пользуйтесь Skype, я уверен, что вы заметили анимированные кнопки для добавления большего числа людей. При нажатии на нее значок слева “прыгает” по несколько раз. Мне нравится эта анимация. Я покажу вам, как создать ту же кнопку с помощью jQuery и CSS.