45 свежих Полезные методы JavaScript и JQuery и инструменты

Да, это еще один облавы на свежие и полезные Javascript методов, инструментов и resources.Но don’ T закрыть вкладку еще, как вы могли бы найти эту очень полезно.В этой подборке мы представляем календари, формы, кнопки, навигация, отладки, оптимизации и совместимости таблиц, а также удобные ресурсы и инструменты.Мы также охватывают различные Jquery-плагинов, которые помогут вам расширить функциональность вашего сайта и улучшения пользовательского опыта с готовыми компонентами или кодирования solutions.

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

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

Календари и Timelines

jDigiClock – Digital Clock (HTC Hero вдохновили) jDigiClock является JQuery плагин вдохновлен HTC Hero Clock Widget.

jDigiClock - Digital Clock (HTC Hero inspired)

JQuery Раздвижные часы v1.1JQuery transpearant часов Slider с CSS sprites.

jQuery Sliding Clock v1.1

Дата / время PickerОбратите внимание, что этот элемент не предназначен для работы в IE6, хотя это будет работать правильно, в большинстве случаев, расположение календаря могут быть далеко зависимости от того, как ваша страница styled.

Date / Time Picker

JavaScript отладка и проверка Tools

Venkman отладчик JavaScript проектpageVenkman это кодовое название для Mozilla’ S отладчик JavaScript.Venkman призвана обеспечить мощный отладки JavaScript условия для Gecko-браузеров именно Firefox 3.x, Netscape 7.x серия браузеров, Netscape 9.x серии, Mozilla SeaMonkey 1.x и Mozilla Seamonkey 2.x.Он не включает Gecko-браузеров, таких как K-Meleon 1.x, 2.x и Galeon Netscape 8.x.Отладчик доступен как дополнительный пакет в формате XPI.Venkman отладчик JavaScript была предоставлена ​​в рамках Mozilla распределение установки, так как 3 октября 2001.

Venkman JavaScript Debugger project page

CompanionJSCompanion.JS (произносится Companion точка JS или ЗАО) является отладчик Javascript для IE.

 CompanionJS

Как проверить вашу JavaScript код с QUnitQUnit это мощное устройство JavaScript система тестирования, которая помогает отлаживать код.It’ письменного членов JQuery команды, и является официальным набор тестов для JQuery.Но QUnit является достаточно общим, чтобы протестировать любой обычный код JavaScript, и it’ S даже в состоянии проверить серверный JavaScript через некоторое двигателя, как Rhino JavaScript или V8.

How to Test your JavaScript Code with QUnit

JS Bin – Совместные наличие DebuggingJS Bin является открытым исходным кодом совместной отладки JavaScript tool.

JS Bin - Collaborative JavaScript Debugging

Формы, кнопки & Navigation

Оформление История Google Wave SliderЗдесь показано, как создать Google Wave-подобные истории слайдер.Используя это позволит посетителям идти вперед и назад во времени, чтобы увидеть изменения, которые происходят на комментарий thread.

Making a Google Wave History Slider

Необычные кнопки радио с jQueryСоздание из 2 обязательных опция устанавливает, что пользователь может выбрать, в то время скрывался от входа переключателя и использовании якорь ссылки, чтобы сделать его немного более usable.

Fancy Radio Buttons With jQuery

Creative анимации Кнопка с Sprites и JQueryЗатухание эффект при наведении для которых переход сглаживается с JavaScript, используя JQuery library.

Creative Button Animations with Sprites and JQuery

пароль (не) MaskingJavaScript JQuery, которая включает маскировки и разоблачения пароль field.

Password (un)Masking

JQuery MagicLine NavigationЭти “скользящего” Барс стиль навигации были вокруг некоторое время, и оказывается, что это действительно чертовски легко.Здесь ставятся два примера together.

jQuery MagicLine Navigation

Фиксированные Fade Out Меню: CSS и JQuery TutorialЦель состоит в том, чтобы иметь фиксированную навигации, которая следует за пользователем, когда он свитков, и только тонко показывает себя на выведении и становятся почти прозрачными.Когда пользователь наводит на него, меню, а затем снова становится непрозрачным.Внутри навигации мы будем иметь некоторые ссылки, поиск и ввод верхней и нижней кнопки, которые позволяют пользователю перемещаться к верхней или нижней части page.

Fixed Fade Out Menu: A CSS and jQuery Tutorial

JQuery плагин: простой Twitter-подобный динамический количество символов для текстовых областей ивход fieldsЛучший способ объяснить, что этот плагин делает, говоря Twitter.Twitter сообщения ограничена 140 символами.При наборе сообщению Twitter есть это всегда присутствует информация о том, как много символов пользователи не дойдя до предела.Данная информация не предоставляется только лишь путем отображения числа, есть разные цвета, применяемые в определенных этапов, чтобы уведомить пользователя о status.

Раздвижные этикетки v2Форма этикетки хранение этикетке встроенный, но сдвинув ее прочь налево, а не уходить на click.

Writing Efficient JavaScript

Кетчуп PluginКетчуп представляет собой тонкий плагин JQuery, который проверяет ваши формы.Она стремится быть очень гибкой и расширяемой за его внешний вид и functionality.

Ketchup Plugin

Макет tools

JQuery CSS {} designerGrid Plugin{} CSS designerGrid является JQuery плагин, разработанный для веб-интерфейса разработчикам, которые используют сетку системе макета.{} CSS designerGrid предназначен для оказания помощи этим разработчики CSS prototyping.

jQuery {css}designerGrid Plugin

CSS-шаблона layoutJavaScript (JQuery) реализация макета CSS шаблона Module

  css-template-layout

Как создать сетку с жидкостью jQueryСетка основе макета, вероятно, является более предпочтительным способом стиля до веб-страницы, чтобы придать ему более-журнал, как выглядеть и чувствовать.Это руководство о том, как использовать CSS и Javascript для создания жидкости на основе сетки макета (см. демо здесь).Алгоритм / процедур, используемых в этом учебнике очень проста и понятна.Есть более продвинутые алгоритмы там, который может работать с несколькими сценариями.Но цель состоит в том, чтобы понять основную логику о том, как создать такой макет.Так вот он goes…

How to create a fluid grid with jQuery

замыкания templatesЗакрытие Шаблоны клиентских и серверных система шаблонов, позволяющая динамически создавать многоразовые HTML и элементы пользовательского интерфейса.Они легки в освоении и настраиваемая под свои application’ потребностям.Закрытие Шаблоны поддерживают JavaScript и Java и использовать модели данных и синтаксис выражения, которое работает на любом языке.Вы также можете использовать встроенный в сообщении поддержка легко локализовать Ваши applications.

  closure-templates

Полезные JQuery Plugins

Туптуп JQuery PluginТуптуп обнаруживает края окна браузера и убедиться, что подсказка остается в пределах текущего размера окна.В результате появится всплывающая приспособиться к отображаются сверху, снизу, слева или справа от элемента с Туптуп применяться к нему, в зависимости от того, что необходимо оставаться в пределах окна браузера.Туптуп очень легкие и интеллектуальные пользовательские подсказки JQuery плагин.Он использует ZERO изображения и полностью настраиваемый с помощью CSS.It’! А также только 3.5kb уменьшенная

TipTip jQuery Plugin

JQuery RoundaboutКарусель является JQuery плагин, который преобразует структуру статических HTML-элементов в настраиваемый проигрыватель подобные интерактивные области.(А теперь, а не только вертушки, но многие формы!)

jQuery Roundabout

jParse – JQuery разбора XML PluginjParse является JQuery плагин, который позволяет …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров

Comments are closed.