36 свежих и полезных JavaScript и jQuery методов и инструментов
Рубрика публикации: Обзоры
Опубликовал: FreeSeo
Дата публикации: Март 28, 2010 в 17:17
Оцените статью:

Да, это еще один обзор свежей и полезной Javascript методики, инструментов и ресурсов. Но не спешите закрывать вкладку, так как вы можете найти здесь много чего полезного. В этой подборке мы представляем календари, формы, кнопки, навигации, оптимизацию и совместимость таблиц, а также удобные ресурсы и инструменты. Мы также затронем различные jQuery-плагины, которые помогут вам расширить функциональность вашего сайта для улучшения его работы с готовыми компонентами или для кодирования решений.
Последний раздел охватывает также ряд полезных образовательных ресурсов, таких как составление полезной практики программирования JavaScript, детальное сравнение рамки JavaScript и общего программирования JavaScript конвенций. Мы с нетерпением ожидаем ваших отзывов.
Календари и Сроки
2. jQuery раздвижные часы v1.1
Jquery transpearant часы слайдер
JavaScript отладки и проверки инструменты
1. Venkman JavaScript Debugger project page
Venkman это кодовое имя для отладки JavaScript Mozilla. Venkman призвана обеспечить мощный отладку на JavaScript для Gecko-браузеров, а именно Firefox 3.x, Netscape 7.x и ряда других браузеров Netscape 9.x Series, Mozilla Seamonkey 1.x и Mozilla Seamonkey 2.x. Отладка доступна в качестве дополнения к пакетам в формате XPI.
2. CompanionJS
Companion.JS является отладкой JavaScript для IE.
3. Как проверить Ваш код на совместимость JavaScript Code с QUnit
QUnit это мощный блок системы тестирования JavaScript, что позволяет отлаживать код. Она написана членами команды jQuery, и является официальным набор тестов для jQuery.
4. JS Bin – совместная отладка JavaScript
JS бен является открытым исходным кодом совместной отладки инструментов JavaScript.
Формы, кнопки и навигация
1. Составление волнообразной истории слайдеров в Google
Здесь показано, как создать в Google волнообразную историю слайдера. Его использование позволит посетителям двигаться вперед и назад , чтобы просмотреть изменения, которые происходят.
4. Creative Button Animations with Sprites and JQuery
Своеобразный эффект свободного полёта, переход для которых сглаживается с JavaScript, с использованием библиотеки Jquery.
5. Пароль, маскировка и разоблачение
JavaScript JQuery, что переключает маскировку и разоблачение поля пароля.
6. jQuery MagicLine Navigation
Это стиль »скользящих» частей навигации по кругу, оказывается, это чертовски легко. Вот два соединенных примера.
7. Fixed Fade Out Menu: A CSS and jQuery Tutorial
Идея заключается в создании фиксированной навигации, которая будет следовать за пользователем во время прокрутки страницы, становясь полупрозрачной, или активной при наведении курсора.
Идея заключается в том чтоб, при наведении и нажатии курсора в поле для ввода текста, название поля (ярлык) убегал из окна влево.
«Ketchup Plugin» представляет собой jQuery плагин, который проверяет поля для заполнения формы.
Инструменты компоновки
1. jQuery {css}designerGrid Plugin
{css} designerGrid является jQuery плагин, интерфейс которого, был разработан специально для веб-сайта разработчиков, которые используют системы координат компоновки. {css} designerGrid предназначена для оказания помощи разработчикам благодаря прототипам {css}.
3. Как создать сетку с помощью jQuery
Сетка в основе макета, более предпочтительный способ стиля для веб-страницы, чтобы придать ей более журнальный вид. Этот урок о том, как использовать CSS и Javascript для создания жидкой сетке основе макета. Алгоритм / процедура, используемая в этом учебнике очень простая и понятная. Есть и более продвинутые алгоритмы, которые могут работать с несколькими сценариями одновременно, но цель заключается в понимании логической цепочки того, как создать такой макет.
Закрытие Шаблоны являются клиентскими и серверными системами шаблонов, что позволяет динамично строить многоразовый HTML и элементы интерфейса. Их легко узнать и настроить так, чтобы они отвечали существующим потребностям вашего приложения. Закрытые шаблоны поддерживают JavaScript и Java и используют модели данных и их свободное выражение синтаксиса, которое работает на любом языке.
Полезные плагины JQuery
TipTip обнаруживает краям окна браузера и убедитесь, что подсказка остается в пределах текущего размера окна. В результате подсказка будет приспосабливаться к отображаются сверху, снизу, слева или справа от элемента с TipTip к нему применяться, в зависимости от того, что необходимо оставаться в пределах окна браузера. TipTip это очень легко и интеллектуальные Custom Tooltip JQuery плагин. Он использует ZERO изображения и полностью настраиваемые с помощью CSS. Это тоже только 3.5kb minified!
Roundabout это jQuery плагин, который преобразует структуру статических элементов HTML в перенастраиваемый проигрыватель типа интерактивной области.
3. jParse – jQuery XML Parse Plugin
jParse является jQuery плагином, который позволяет извлекать XML.
Упорядочивание и фильтр пунктов с красивой перетасовкой анимаций.
5. typeQuery, измени типографию веб сайта с jQuery
typeQuery дает возможность изменять шрифт всего, что вы определите как класс, ID, или тег.
6. Flip! A jQuery plugin v0.9.9
Панель jQuery плагина, которая будет легко переворачивать элементы в четырех направлениях.
7. Шифрование данных с JavaScript: jCryption
jCryption является плагином JQuery для шифрования POST / GET предстаыленых данных по форме.Он использует публичные ключи алгоритма RSA для шифрования и содержит PHP файл для обработки и дешифрования данных.
8. Минималистский jQuery: 11 полезных плагинов под 4K
jQuery делает нашу жизнь проще, при чем настолько что его хочется использовать все время.
Простой в использовании плагин для добавления возможности применения Undo / Redo в приложении jQuery .
10. editEase
editEase — jQuery CMS | нет суеты, нет базы данных, не стоит беспокоиться
11. jsHub
jsHub является полноценной частью JavaScript ( а «tag»), который может считывать различные виды информации на страницах , а затем отправить их многим производителям различной продукции. Одна часть кода, чтобы отправить в Google Analytics, Omniture SiteCatalyst, WebTrends и Mixpanel. Вместо одной части JavaScript на продавца, jsHub имеет одну часть кода (the «hub») и плагинов, которые знают, как перевести на требуемые провода протокол для каждого поставщика. Поставщики только сохраняют плагин для своего продукта.
Образовательные учебники и другие ресурсы по JavaScript
JavaScript это удивительный язык, но у него есть свои особенности, который отталкивают многих людей.
2. Что нужно знать про область JavaScript
3. Расширенное изучение JavaScript
Очень приятное учебное пособие для JavaScript, содержащее код и обсуждения предстоящей книги »Secrets of the JavaScript Ninja by John Resig»
4. Примеры Ссылок JavaScript (к примеру, исходный код)
5. JavaScript — лучшие практики
Обобщение передового стажа и хороший опыт я накопил за многие годы, большая часть которых познавались трудным путем (эксперименты и тому подобное). Примите рекомендации наведенные ниже, и заложите их в мозг так, чтоб вы могли использовать их не задумываясь об этом. Уверен, что вы найдете вещи, с которыми будете не согласны, и это хорошо — вы должны задаться вопросом, что вы читаете, и стараются найти лучшие решения.
6. wtfjs
JavaScript это язык, который мы любим, но несмотря на это он приносит столько ненависти. Это коллекция из той самой специфической неправильности (констант), и просто колких моментов для языка в Интернете.
Ооо очень полезные вещи. Спасибо автору
Самаля большая подборка скриптов которую удавалось отыскать.Очень полезные и интересные скрипты.Надо посмаковать хоть один;)
Да они же великолепны!
Скрины действительно красивые, но как их ставить на WP вообще? В какой файл шаблона?
Вообще сейчас стрёмно левые скрипты устанавливать, с этими каккерами в сети:(
@Kinoman Их нужно интегрировать отдельно под WordPress
Подборка хорошая, но хотелось бы больше jquery form разборку посмотреть с примерами.
Хорошая подборка, особенно понравился Ketchup Plugin — полезно для сайта
Дизайн сайта вашей подборочкой можно значительно приукрасить! Однако мне по душе больше самаписное творчество! PHP и CSS творят чудеса! Однако без яваскрипта тоже дело не обходиться
Подборка хорошая, но хотелось бы больше jquery. wtfjs понравилось
Неплохо) Только над переводом с английского надо было поработать получше) Читай про TipTip — бред;)
@illusive да с переводом туговато, сразу видно что девушка переводила 
Уже править ничего не буду, но дальнейшие переводы буду стараться качественней выпускать