Хабрахабр → Inversion compact skin v2
Для тех кто в теме, кратко: после осеннего апгрейда Хабра-юзер-стиль слетел — пришлось заново переписать.
Стиль в один клик делает Хабр более уютным и удобным:
— компактная шапка
— меню пользователя на правой стороне (кто ещё помнит, оно изначально было там…)
— уменьшены размеры показателей кармы/рейтинга/индекса — ведь не они главное на Хабре
— заменил появляющиеся точки около комментариев на отступ размером в аватарку + тоненькую линию для определения уровня вложенности
— заменил множественные «ответить» с подчеркиванием штрихами на скромный линк, который появляется при mouse hover
— убрал округленные уголки с аватарок
— если срок голосования за комментарий истек, то показывается только рейтинг, без серых кнопок
— убавил ширину правой колонки (сайдбара)
Кто не в курсе о чем это — предыстория: 1 сезон, 2 сезон.
Стиль в один клик делает Хабр более уютным и удобным:
— компактная шапка
— меню пользователя на правой стороне (кто ещё помнит, оно изначально было там…)
— уменьшены размеры показателей кармы/рейтинга/индекса — ведь не они главное на Хабре
— заменил появляющиеся точки около комментариев на отступ размером в аватарку + тоненькую линию для определения уровня вложенности
— заменил множественные «ответить» с подчеркиванием штрихами на скромный линк, который появляется при mouse hover
— убрал округленные уголки с аватарок
— если срок голосования за комментарий истек, то показывается только рейтинг, без серых кнопок
— убавил ширину правой колонки (сайдбара)
Кто не в курсе о чем это — предыстория: 1 сезон, 2 сезон.
JavaScript → Userscripts. Кроссдоменные запросы
Доброго времени суток.Сегодня мы рассмотрим варианты организации кроссдоменных запросов в юзерскриптах.
В подробности реализации того или иного механизма я вдаваться не буду, но приведу пример кроссбраузерной оболочки для кроссдоменных запросов.
JavaScript → Userscripts. Упаковываем юзерскрипт для Chrome
Доброго времени суток, уважаемые хабражители.
Сегодня мы поговорим подробней об упоминавшейся вскольз технологии написания кроссбраузерных юзерскриптов, а именно об упаковывании юзерскрипта в простейшее расширение для Google Chrome.
Ниже я постараюсь овтетить на вопросы «зачем ?» и «как ?».
Сегодня мы поговорим подробней об упоминавшейся вскольз технологии написания кроссбраузерных юзерскриптов, а именно об упаковывании юзерскрипта в простейшее расширение для Google Chrome.
Ниже я постараюсь овтетить на вопросы «зачем ?» и «как ?».
JavaScript → Учимся писать userscript'ы из песочницы
Доброго времени суток всем желающим приобщиться к миру пользовательских скриптов (они же userscript, userJS, юзерскрипты).В этой статье я хочу поведать о том, что такое юзерскрипты, c чем их едят и, главное, как их готовят!
Внимание: предполагается минимальное знание javascript.
На практике доказано: юзерскрипты может писать человек, не знакомый с программированием, но обладающий усидчивостью и желанием изучить javascript!
О том, что такое javascript и как с ним обращаться, можно узнать на javascript.ru.
JavaScript → Автоматизация через Userscript из песочницы
Привет, Хабр!
Хочу поделиться с личным открытием использования связки Userscript и jQuery для автоматизации действий на любимом или не очень любимом сайте. Участвую тут на одном портале в конкурсе, одно из предложений быть среди победителей быть самым активно голосующим пользователем.
Можно было бы написать небольшое десктопное приложение (благо опыт в C# есть), но это трудоемко, а задачу решить надо в кратчайшие сроки. На помощь мне пришел Userscript, позволяющий внедрить свою функцию в страничку и запустить её.
Для избежания проблем с регулярными выражениями (стандартная функция RegEx) воспользовался библиотекой jQuery и базовыми функциями Javascript внедрил её в страничку:
Вступление
Хочу поделиться с личным открытием использования связки Userscript и jQuery для автоматизации действий на любимом или не очень любимом сайте. Участвую тут на одном портале в конкурсе, одно из предложений быть среди победителей быть самым активно голосующим пользователем.
Решение
Можно было бы написать небольшое десктопное приложение (благо опыт в C# есть), но это трудоемко, а задачу решить надо в кратчайшие сроки. На помощь мне пришел Userscript, позволяющий внедрить свою функцию в страничку и запустить её.
Для избежания проблем с регулярными выражениями (стандартная функция RegEx) воспользовался библиотекой jQuery и базовыми функциями Javascript внедрил её в страничку:
var head = document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.src= 'http://code.jquery.com/jquery-latest.js';
head.appendChild(script);
Хабрахабр → Читаем хабр на всю ширину браузера
Действие скрипта:
Добавляет кнопку [к] справа от ( посты q&a блоги события компании [к] )
Нажатие на [к] прячет правую колонку и растягивает центральную.
Повторное нажатие — возвращает всё как было.
Скрипт работает на всех страницах кроме habrahabr.ru/events/*
Функционал сайта не нарушается.
Как минимум будет полезно для маленьких мониторов или когда ширина браузера > 730px.
Кому нужен скрипт — забирай
Исходник
Установка:
— просто нажать "забирай" + нажать пару кнопок
— При условии установленного адона Greasemonkey см. установку как для
— скачать скрипт по ссылке "забирай".
Положить скрипт в любую пустую папку и указать путь в:
Инструменты — Быстрые настройки(F12) — Настройки для сайта — Скрипты
Добавляет кнопку [к] справа от ( посты q&a блоги события компании [к] )
Нажатие на [к] прячет правую колонку и растягивает центральную.
Повторное нажатие — возвращает всё как было.
Скрипт работает на всех страницах кроме habrahabr.ru/events/*
Функционал сайта не нарушается.
Как минимум будет полезно для маленьких мониторов или когда ширина браузера > 730px.
Кому нужен скрипт — забирай
Исходник
Установка:
— просто нажать "забирай" + нажать пару кнопок — При условии установленного адона Greasemonkey см. установку как для — скачать скрипт по ссылке "забирай".Положить скрипт в любую пустую папку и указать путь в:
Инструменты — Быстрые настройки(F12) — Настройки для сайта — Скрипты
GreaseMonkey → Полноформатное превью — расширение для «В Контакте»
С приходом Google+, не обремененного интерфейсом сложившимся по традиции в привычных нам социальных сетях, некоторые недостатки сайта «В Контакте» стали ощущаться более остро. Сегодня я решил один из них — столь удобные, большие и красочные превью для картинок в ленте Google+ теперь радуют и «В Контакте»
Google Chrome → Навигация по Хабру при помощи клавиатуры
Написал небольшой userscript добавляющий навигацию при помощи клавиатуры на Хабр.
Может быть кому-нибудь пригодится.
- PageDown — Переход к следующему посту
- PageUp — Переход к предыдущему посту
- Enter — Открыть текущий пост
- Ctrl + Enter — Открыть пост на новой вкладке
- Back — Вернутся назад
- Ctrl + Right — Следующая страница
- Ctrl + Left — Предыдущая страница
- Ctrl + Home — На главную
Может быть кому-нибудь пригодится.
Google → Кнопки Google "+1" на Хабре, юзерскрипты и улучшение поиска для себя и своего круга
Продолжаем месячник Google+.
Кнопок Google "+1" на Хабре пока нет. Но было бы желание — их можно поставить и протестировать с помощью юзер-скрипта. В статье показано, как устанавливаются кнопки "+1" юзер-скриптом и как меняются результаты поисковой выдачи Гугла при включении "+1" от своего аккаунта.
(на рисунке — это не монтаж, это реально работающий скрипт)
Кнопок Google "+1" на Хабре пока нет. Но было бы желание — их можно поставить и протестировать с помощью юзер-скрипта. В статье показано, как устанавливаются кнопки "+1" юзер-скриптом и как меняются результаты поисковой выдачи Гугла при включении "+1" от своего аккаунта.
(на рисунке — это не монтаж, это реально работающий скрипт)
Google → Userscript чтобы убрать красные сообщения от Google+
Google+ может напрягать своими сообщениями. Я сразу же убрал все сообщения по электронной почте в настройках. Красные сообщения в черной полоске вверху напрягают чуть меньше, но они проходят красной ниткой через все остальные продукты компании добра.
Избавиться от них в почте, документах, календаре помогает простой юзерскрипт:
http://userscripts.org/scripts/show/105894
Исходный код совсем простой. По сути, это одна строчка:
Вы можете установить его в Chrome просто нажав зеленую кнопку «Install». Если вы не доверяте содержимому скрипта — скачайте его (например, на рабочий стол), нажав «Сохранить как» на этой кнопке. Посмотрите код внимательно, может быть, подправьте (возможно, вам хочется видеть сообщения в Reader). Откройте новую вкладку в Chrome и перетащите файл мышкой туда, согласитесь с установкой.
Избавиться от них в почте, документах, календаре помогает простой юзерскрипт:
http://userscripts.org/scripts/show/105894
Исходный код совсем простой. По сути, это одна строчка:
try {document.getElementById("gbg1").style.display = 'none';} catch(e) { }Вы можете установить его в Chrome просто нажав зеленую кнопку «Install». Если вы не доверяте содержимому скрипта — скачайте его (например, на рабочий стол), нажав «Сохранить как» на этой кнопке. Посмотрите код внимательно, может быть, подправьте (возможно, вам хочется видеть сообщения в Reader). Откройте новую вкладку в Chrome и перетащите файл мышкой туда, согласитесь с установкой.