last update 2015-02-15

haPages bay

Разработки скриптописателя spmbt
установить скрипты HabrAjax в браузер
(требуется расширение Scriptish для Firefox)

Юзерскрипты и юзерстили: разработка и хостинги

Размещение и совместная разработка скриптов


    На этом сайте и на связанном с ним репозитории HaPages размещаются скрипты и стили с открытым кодом для совместного использования и разработки, а также, документация авторов к ним.
    К возможностям Github по размещению репо и совместной отладке проектов, создан сайт для раздачи и описания скриптов и стилей на статических страницах.
    В планах - иметь сборщик скриптов и документации к ним в различных форматах, для различных браузеров и способов инсталляции. Документация, которая имеет общий источник, нужна для публикации на этих страницах, на вики этого аккаунта, частично - в самих скриптах и комментариях к ним, и на различных сторонних ресурсах (форумы, соцсети). Поскольку всё (в идеале) генерируется из общей кодовой и текстовой базы проектов, цель данного проекта haPages - выполнять одни и те же действия скриптами, под что идеально подходит репозиторий с хостингом статических сайтов и API для контроля статистики (кто и какие страницы посмотрел, какие скрипты скачал).

    Из этого аккаунта готовятся, контролируются и описываются другие ресурсы. Например, создаются или генерируются варианты описаний для публикации, синхронно с публикацией здесь.
    Роды работ разбиты по каталогам: генерация (сборка), написание кодов, тестирование, ведение данных. Кроме них, есть каталоги "продуктов" - результатов генерации: коды, документация, различные варианты сторонних кодов и документов.
    В каталогах продуктов может идти разработка - изначально она там вручную ведётся, поэтому нужны скрипты контроля за версиями продуктов, чтобы отслеживать ручные изменения и сообщать "наверх", чтобы создать в исходных кодах проектов возможность автоматической генерации тех же самых кодов. Это приведёт к автоматической генерации других представлений кодов в связанных продуктах. (Например, правка документа в одном из продуктов вызывает правку в исходной документации и обновление всех смежных представлений (продуктов).) Если нет возможности генерации, изменения продукта или не допускаются (изменять только через сборку), или запрашивается ручная правка исходников.
(2015-02-15)

Скрипты и стили для разработки и использования

Название, сайт, браузеры Основные функции Документация Код (смотреть; установить)
Замечание для пользователей Firefox 30+ и Scriptish: нужно использовать последнюю ночную сборку от 11 мая или около того, 0.1.12 и новее Scriptish для корректных результатов (иначе, проблемы - с функциями GM_*** - и не работает список настроек для Fx30, а за ним многое другое).
HabrAjax
для сайтов:
Habrahabr,
Geektimes,
megaMozg,
кеш Гугла,
локальный сайт
(Fx3+, Chr, Op12)
Автоматизация сайта (>60 функций с настройками) с подключаемыми стилями ZenComment.
  • Подгрузка статей без перезагрузки ленты
  • просмотр картинок с увеличением и перемещением
  • принудительный кат: все аннотации - не более определённой высоты
  • краткие даты, адаптивно уменьшаемые заголовки
  • фильтр по авторам и хабам
  • расцветка комментаторов по активности
  • примерные даты публикации по номеру в URL, и т.д.
(> 5000 строк) Рекомендуется использовать совместно со стилями ZenComment. Для оценки эффекта можно включить встроенные в скрипт стили ZenComment (в настройках, которые открываются по иконке скрипта вверху справа на странице сайта).
С 30 мая 2014 года новые версии HabrAjax и других скриптов, относящихся к Хабру, стали размещаться на github.com/spmbt/haPages из-за невозможности обновления версий на прежнем традиционнном хостинге.
❷ Стили
ZenComment
для сайтов:
Habrahabr,
Geektimes,
megaMozg,
кеш Гугла,
локальный сайт
(Fx3+, Chr, Op12)
Переоформление сайта для
  • лучшей компактности статей и блоков ("читать, а не скроллить"),
  • лучшей сжимаемости окна (до 320px),
  • исправления ошибок сайта (баг малой высоты окна, нерасширение полей ввода, близкостоящие кнопки и др.).
Основное:
  • незаметное Geektimes-меню: показ по наведению
  • меню по углам вместо левой кнопочной панели
  • уменьшены: заголовки, межстрочный интервал, поля, зазоры, сайдбар, футер
  • Постоянно видимые подменю для широких страниц (> 1520px)
  • невидимые аватары, кнопки отправки ответов и деакцентирование малозначимых полей
  • нумерация страниц (пагинатор) фиксирована внизу окна
  • интегрированы со скриптами HabrAjax
Документация:
Код:
(> 1000 строк)
Лучше включать через аддон Stylish (для Firefox или Chrome или без него для Старой Оперы), а не из HabrAjax.
❸ Стили
HabraDarkAge
для сайтов:
Habr,m.Habr,
Geektimes,
megaMozg,
TMfeed,
кеш Гугла,
локальный сайт
(Fx30+, Chr35+)
Тёмная тема Хабрахабра. Дизайн, в основном, исходный, кроме тонов.
  • Приглушенные цвета картинок, блоков сайдбара и элементов
  • незаметное Geektimes-меню
  • Кнопки левой панели совмещены с навигацией страниц
  • Поддержка страниц "мобильной версии"
  • Постоянно видимые подменю для широких страниц
  • Исправление ошибок сайта
  • Рост иконок вдвое по наведению мыши на заголовок ответа
  • Некоторые аналогии с ZenComment: компактный футер, деакцентирование элементов в комментариях
Документация:
Код:
(> 1000 строк)
HabrPercentageRing
для сайтов:
Habrahabr,
Geektimes,
megaMozg,
кеш Гугла,
локальный сайт
(Fx3+, Chr, Op10+)
Показывает соотношение положительных и отрицательных оценок к комментарию или статье кольцевой диаграммой вокруг суммарной оценки.

Слушает событие 'chgDom' (от HabrAjax, например), чтобы выполниться в подгруженном блоке от другого скрипта.
(100 строк)
❺ Стили и скрипт UfoCorrect
для сайтов:
Habrahabr,
habrastorage.org,
freelansim.ru,
toster.ru,
tmtm.ru,
(Fx3+, Chr, Op10+)
Исправляет длинные тени у нескольких рисунков для приведения дизайна к единому реалистичному стилю.
Для загрузки скрипта в Хром как распакованного расширения полезно иметь файл манифеста. Для других скриптов - пишутся аналогичные или другим способом достигается разрешение скриптов в Хроме.
HabrActivity
для сайтов:
Habrahabr,
Geektimes.ru,
(Fx30+, Chr35+, Op12+)
Снятие со страниц комментариев данных об активности выбранного пользователя и представление их в виде диаграммы, подобной диаграмме активности "Contributions" на Github. Скриншот.
  • greasyfork
  • Старое (подробное) описание userscripts -mirror.org (не устанавли-
    вать оттуда)
  • описание имеется и в коде самой программы, просматривается после установки по нажатию "Подробности".
(400 строк)
HabraKarmaView
для сайтов:
Habrahabr,
Geektimes.ru,
(Fx30+, Chr35+, Op12+)
Подсказка кармы и рейтинга по наведению на любой ник на странице, кроссбраузерно.

По событию 'chgDom' поддерживается обработка подгруженных блоков в HabrAjax.
(150 строк)
Внимание, ссылки на установку со страниц описаний скриптов на userscripts-mirror.org — УСТАРЕВШИЕ и не могут быть там обновлены. Даны исключительно для документации и просмотра истории. Устанавливать — с Github или greasyfork.org.
FeedlyCtrlF5
для сайта
feedly.com
(Fx30+, Chr35+, Op12?)
Оформление висячих заголовков и обновление по клавише "R" в любом национальном регистре клавиатуры. (скриншот) (100 строк)
❾ Стили и скрипт OverCompact
для сайта и форума
overclockers.ru
(Fx15+, Chr20+, Op11+)
Модификация вида сайта и форума стилями. Примерно 10% работы делают скрипты - то, что не могут сделать стили.

Основное назначение - стилизация, компактность списков форумов, нераспирание страниц сайта (ширина страниц становится допустимой от 600-800 пикс.).