Коллекция 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, а также делится личным опытом о раскрутке сайтов.