Главная JavaScript

Коллекция jQuery-скриптов от Димокса

jQuery

Это, можно сказать, некий итоговый пост того, что я успел «настряпать» за время ведения этого блога, используя замечательный фреймворк jQuery.

  • Скрипт для блоков с вкладками (табами) — два очень простеньких универсальных варианта создания табов-переключателей. Пример в сайдбаре.
  • Скрипт «Добавить в закладки» — при наведении на ссылку выпадает список ссылок для сохранения страницы в социальных закладках. При клике на ссылку «Добавить в закладки» происходит переключение между списком закладочных сервисов и социальных сетей. К сожалению, не все социальные сети, которые я добавил в список, существуют в данный момент.

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

  • Переключатель размера шрифта сайта — в данный момент рабочий пример находится справа вверху под поисковой формой. Думаю убрать эту функцию с блога. Интересно, кто-нибудь вообще пользуется ей?
  • Динамическое изменение размера шрифта — скрипт, который меняет размер шрифта страницы в зависимости от размера окна браузера. Для себя я применения данному скрипту пока нигде не нашел.
  • Скрипт предпросмотра комментария 1-й вариант — предпросмотр появляется под формой добавления коммента по мере набора текста. Прицепить можно к любому сайту с формой.
  • Скрипт предпросмотра комментария 2-й вариант — предпросмотр появляется при клике на соответствующую кнопку и отображается вместо текстового поля. На мой взгляд, это более красивое решение, чем в первом варианте. Этот скрипт также можно приделать к любому сайту.
  • Предпросмотр твита в веб-интерфейсе Твиттера. Этот скрипт — для пользователей веб-интерфейса Твиттера и любителей браузера Opera. Хотя, думаю, есть способ прикрутить его и к другим браузерам.
  • Плагин для WordPress «Предпросмотр комментария» — по мотивам вышеуказанного 2-го варианта я создал этот плагин. Мне очень нравится, как все получилось. На сегодняшний день его скачали около 8 тысяч раз.
  • Плагин для WordPress «Предпросмотр поста в админке» — аналогичный предыдущему плагин, только для страницы создания/редактирования записи в админке.
  • UserJS-скрипт для авторизации в WordPress — это для тех, кто умеет подключать UserJS-скрипты к своему браузеру. Удобная всплывающая форма авторизации.
  • Скрипт для WordPress «Привет, комментатор!» — показывает посетителю приветственное сообщение рядом с формой добавления коммента, если он хотя бы раз оставлял комментарий.
  • Скрипт, решающий проблему с куками на WordPress при использовании MaxCache — это для пользователей WordPress, у которых стоит функция кэширования от Максима.

    У скрипта есть косяк с UTF-8 — если писать имя русскими буквами через FireFox, то из cookie символы вставляются кракозябрами. В комментариях предложили решение, но у меня что-то ничего не вышло.

  • Скрипт для WordPress «прокрутка к родительскому комментарию и обратно» — идея была позаимствована на Хабрахабре. Имеет смысл ставить, когда в комментариях сайта формируются большие ветки обсуждений.
  • Виджет-переводчик «Google Translator» для браузера Opera — интерфейс работает с помощью jQuery, а перевод — с помощью API Гугла.

    У меня получилось очень удачное и популярное решение — мой виджет в данный момент стабильно держит 2-е место в списке самых скачиваемых, что не может не радовать.

И еще парочка jQuery-скриптов, о которых я нигде не писал, но которые используются на данном блоге:

  • Цитирование комментария — если выделить какой-либо кусок текста в комментариях, то около выделения всплывает панелька со ссылкой «вставить цитату в поле ответа», при клике на которую выделенный текст вставится в форму добавления коммента.
  • Валидация полей «Имя» и «Е-mаil» в форме добавления комментария. Если одно из этих поле заполнено неправильно, то они подсвечиваются.

Вот такой получился немалый список. Думаю, со временем он еще более разрастется — уж больно люблю jQuery и процесс написания скриптов на нем.

Вообще, jQuery для меня — это такой следующий этап в моем развитии, как веб-разработчика, после CSS и HTML. Если в последних двух технологиях я уже довольно силен и тут двигаться особо уже некуда, то jQuery — это, как говорится, поле непаханое, и идти в этом направлении есть куда.

* * *

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

Комментарии (16)

  1. Спасибо за список скриптов)
    Я сам недавно отказался от скрипта соц закладок, учитывая новые данные об уходящем pr страниц.
    Но я бы взял себе такую плавающую панельку как у Вас слева)

  2. Спасибо. Хорошая подборка и все в одном посте.

  3. Спасибо за подборку!
    Способ реализации самой панельки я уже где-то видел, но то были всякие менюшки, а тут действительно к месту эта фишка.
    Думаю прикрутить предпросмотр комментариев для DataLife Engine (на которой собственно и стоит мой блог :)

  4. Ужас, как это скрипт соц. закладок слева тормозит.

  5. ЛЮблю джуквери, спасибо за подборку.

  6. прекрасная коллекция, спасибо!

  7. О, спасибо, только искал плагин для предпросмотра комментария.

  8. Использую некоторые на своем сайте!
    Отличные скрипты. Спасибо!

  9. Может кто подскажет где найти нормальный скрипт аккордеон, чтобы был небольшого размера и функциональный!

  10. Еще не написали о панели с тегами для формы комментариев, а было бы интересно поставить такую на свой блог.