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


Рубрика публикации: Обзоры
Опубликовал:
Дата публикации: Март 28, 2010 в 17:17
Оцените статью:
1 звезда2 звезды3 звезды4 звезды5 звезд Голосов: 1 | Рейтинг: 5,00
Loading ... Loading ...

468x60_2

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

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

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

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

javascript-techniques-82

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

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

javascript-techniques-67

3. Date / Time Picker


javascript-techniques-05

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.


javascript-techniques-14

2. CompanionJS

Companion.JS является отладкой JavaScript для IE.

javascript-techniques-32

3. Как проверить Ваш код на совместимость JavaScript Code с QUnit

QUnit это мощный блок системы тестирования JavaScript, что позволяет отлаживать код. Она написана членами команды jQuery, и является официальным набор тестов для jQuery.


javascript-techniques-44

4. JS Bin – совместная отладка  JavaScript

JS бен является открытым исходным кодом совместной отладки инструментов JavaScript.

javascript-techniques-12

Формы, кнопки и  навигация

1. Составление волнообразной истории слайдеров  в Google

Здесь показано, как создать в Google волнообразную  историю  слайдера. Его использование позволит посетителям двигаться  вперед и назад , чтобы просмотреть изменения, которые происходят.

javascript-techniques-73

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


javascript-techniques-62


4. Creative Button Animations with Sprites and JQuery

Своеобразный эффект свободного полёта,  переход для которых сглаживается с JavaScript, с использованием библиотеки Jquery.

javascript-techniques-83

5. Пароль, маскировка и разоблачение

JavaScript JQuery, что переключает маскировку и разоблачение  поля пароля.

javascript-techniques-68

6. jQuery MagicLine Navigation

Это стиль  »скользящих» частей навигации по кругу,  оказывается, это чертовски легко. Вот два соединенных  примера.

javascript-techniques-49

7. Fixed Fade Out Menu: A CSS and jQuery Tutorial

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

javascript-techniques-52

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

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

javascript-techniques-87

9. Ketchup Plugin

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

javascript-techniques-84

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

1. jQuery {css}designerGrid Plugin

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

javascript-techniques-80 (1)

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

javascript-techniques-33

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

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


javascript-techniques-51 (2)

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

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

javascript-techniques-46

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

1. TipTip jQuery Plugin

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

javascript-techniques-65

2. jQuery Roundabout

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

javascript-techniques-69

3.  jParse – jQuery XML Parse Plugin

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

javascript-techniques-72

4.jQuery Quicksand plugin

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

javascript-techniques-48

5. typeQuery, измени типографию веб сайта с jQuery

typeQuery дает возможность изменять шрифт  всего, что вы  определите как  класс, ID, или тег.

javascript-techniques-70 (1)


6. Flip! A jQuery plugin v0.9.9

Панель jQuery плагина, которая будет легко переворачивать  элементы в четырех направлениях.

javascript-techniques-55

7.  Шифрование данных с  JavaScript: jCryption

jCryption является плагином JQuery для шифрования POST / GET  предстаыленых данных по форме.Он использует публичные  ключи алгоритма RSA для шифрования и содержит PHP файл для обработки и  дешифрования данных.

javascript-techniques-24

8. Минималистский  jQuery: 11 полезных плагинов под  4K

jQuery делает нашу жизнь проще, при чем настолько что его хочется использовать все время.

javascript-techniques-79


9. Undo/Redo в  jQuery

Простой в использовании плагин  для добавления возможности  применения Undo / Redo в приложении  jQuery .

javascript-techniques-81

10. editEase

editEase — jQuery CMS | нет суеты, нет базы данных, не стоит беспокоиться


javascript-techniques-78

11. jsHub

jsHub является полноценной частью  JavaScript ( а «tag»), который может считывать различные виды  информации на страницах , а затем отправить их многим производителям различной продукции. Одна часть кода, чтобы отправить в Google Analytics, Omniture SiteCatalyst, WebTrends и Mixpanel. Вместо одной  части JavaScript на продавца, jsHub имеет одну  часть  кода (the «hub») и плагинов, которые знают, как перевести на требуемые провода протокол для  каждого поставщика. Поставщики только сохраняют  плагин для своего продукта.

javascript-techniques-22

Образовательные учебники и другие ресурсы по JavaScript

1.Caffeinated Simpleton

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

javascript-techniques-07

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

javascript-techniques-25

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

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

javascript-techniques-30

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

javascript-techniques-20

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

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

javascript-techniques-15

6. wtfjs

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

javascript-techniques-41

Спонсор публикации: Прикольные подарки оптом

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

5 полезных советов фрилансеру
Установка Roundcube на Freebsd 7.2
50 красивых и простых вариантов для веб-дизайна
Viber – что это? А это бесплатные голосовые звонки и сообщения

11 комментов

  1. Alexander:

    Ооо очень полезные вещи. Спасибо автору

  2. Milusya:

    Самаля большая подборка скриптов которую удавалось отыскать.Очень полезные и интересные скрипты.Надо посмаковать хоть один;)

  3. BlackSilver:

    Да они же великолепны!

  4. Kinoman:

    Скрины действительно красивые, но как их ставить на WP вообще? В какой файл шаблона?
    Вообще сейчас стрёмно левые скрипты устанавливать, с этими каккерами в сети:(

  5. Дмитрий:

    Подборка хорошая, но хотелось бы больше jquery form разборку посмотреть с примерами.

  6. k0tello:

    Хорошая подборка, особенно понравился Ketchup Plugin — полезно для сайта

  7. Руслан:

    Дизайн сайта вашей подборочкой можно значительно приукрасить! Однако мне по душе больше самаписное творчество! PHP и CSS творят чудеса! Однако без яваскрипта тоже дело не обходиться :)

  8. doctor:

    Подборка хорошая, но хотелось бы больше jquery. wtfjs понравилось ;-)

  9. Неплохо) Только над переводом с английского надо было поработать получше) Читай про TipTip — бред;)

Написать комментарий

You must be Необходимо авторизоваться, что бы публиковать комментарии.