36 свежих и полезных JavaScript и jQuery методов и инструментов

---

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

---

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

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

Календари и Сроки

1. jDigiClock – Цифровые часы

2. jQuery раздвижные часы v1.1

Jquery transpearant часы слайдер

3. Date / Time Picker

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 волнообразную  историю  слайдера. Его использование позволит посетителям двигаться  вперед и назад , чтобы просмотреть изменения, которые происходят.

3.   Переключатель с  jQuery

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

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

8. Раздвижные ярлыки

Идея заключается в том чтоб, при наведении и нажатии курсора в поле для ввода текста, название поля (ярлык) убегал из окна  влево.

9. Ketchup Plugin

«Ketchup Plugin» представляет собой  jQuery плагин, который проверяет  поля для заполнения формы.

Инструменты компоновки

1. jQuery {css}designerGrid Plugin

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

2. css- шаблоны верстки

3. Как создать сетку с помощью  jQuery

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

4. Закрытые — шаблоны

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

Полезные плагины JQuery

1. TipTip jQuery Plugin

TipTip обнаруживает краям окна браузера и убедитесь, что подсказка остается в пределах текущего размера окна. В результате подсказка будет приспосабливаться к отображаются сверху, снизу, слева или справа от элемента с TipTip к нему применяться, в зависимости от того, что необходимо оставаться в пределах окна браузера. TipTip это очень легко и интеллектуальные Custom Tooltip JQuery плагин. Он использует ZERO изображения и полностью настраиваемые с помощью CSS. Это тоже только 3.5kb minified!

2. jQuery Roundabout

Roundabout это jQuery плагин, который преобразует структуру статических  элементов  HTML в перенастраиваемый проигрыватель типа интерактивной области.

3.  jParse – jQuery XML Parse Plugin

jParse является jQuery плагином, который позволяет извлекать XML.

4.jQuery Quicksand plugin

Упорядочивание и фильтр пунктов с красивой перетасовкой  анимаций.

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 делает нашу жизнь проще, при чем настолько что его хочется использовать все время.

9. Undo/Redo в  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

1.Caffeinated Simpleton

JavaScript это удивительный язык, но у него есть свои особенности, который отталкивают многих людей.

2. Что нужно знать про область  JavaScript

3. Расширенное изучение JavaScript

Очень приятное  учебное пособие для JavaScript, содержащее  код и обсуждения предстоящей книги  »Secrets of the JavaScript Ninja by John Resig»

4. Примеры Ссылок JavaScript  (к примеру, исходный код)

5. JavaScript — лучшие практики

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

6. wtfjs

JavaScript это язык, который мы любим, но несмотря на это он приносит столько ненависти. Это коллекция из той самой специфической  неправильности (констант), и просто колких моментов для языка в Интернете.

Похожие публикации:

Google+