Pull to refresh

Верстаем пиксел в пиксел: кроссбраузерный аналог PixelPerfect

Reading time 2 min
Views 35K
Website development *
Нет, с твоим монитором всё в порядке, %username%
Довольно часто некоторые заказчики, отдавая макет сайта на вёрстку, требуют попиксельно достоверной точности в разметке во всех браузерах.

Проверить такое соответствие достаточно легко — нужно сделать скриншот сайта и совместить его с графическим макетом, например, в Photoshop'е.

Но вот только в процессе вёрстки использовать такой приём не очень удобно.

Что же делать трудяге-верстальщику?
Total votes 4: ↑4 and ↓0 +4
Comments 63

jQuery & Greasemonkey

Reading time 1 min
Views 897
jQuery *
Часто использую usersrcipt в greasemonkey, так же сильно люблю jQuery — использую его во всех проектах.
Нашел небольшой сниппет для использования jQuery в скриптах для Greasemonkey
Читать дальше →
Total votes 7: ↑4 and ↓3 +1
Comments 3

Новый Хабр по-новому

Reading time 1 min
Views 677
Habr
Вот посидел я с утра в новом Хабре и понял, что я скорее подправлю немножко user-стили, чем привыкну к новой шапке.

Было:
image

Стало:
image

Меня лично задело перемещение личных линков на левую сторону. Мы же привыкли тянуться курсором в правый угол. Как так можно?
Читать дальше →
Total votes 167: ↑139 and ↓28 +111
Comments 86

Ещё интересные возможности улучшения комментариев на Хабре

Reading time 3 min
Views 677
Habr
Жаль, у меня не было возможности вовремя поучаствовать в прошедших обсуждениях улучшения комментариев на Хабре (топик 1, топик 2). А мне как раз есть что сказать. Немного, правда, но по делу и с готовыми решениями и возможностью попробовать.
 
image
 
Читать дальше →
Total votes 127: ↑107 and ↓20 +87
Comments 79

Отделяем зерна от плевел в Google Reader

Reading time 6 min
Views 664
IT-companies

GreasemonkeyНа работе я стараюсь не читать Хабр и другие тематические сайты, они слишком затягивают. Можно потратить весь день на чтение статей, а по работе так ничего и не сделать. Но пропускать что-то новое и интересное я тоже не хочу, поэтому подписываюсь на различные RSS-каналы. После работы, а чаще в выходные, я открываю Google Reader и просматриваю весь список накопившихся постов. Некоторые из них написаны на интересные для меня темы, остальные — нет. Это напоминает мне чтение электронной почты, только входящие письма и спам попадают в одну папку.

Сначала я с этим мирился, но на этих выходных, с помощью Greasemonkey скрипта, исправил ситуацию.

Узнать, как я это сделал
Total votes 63: ↑52 and ↓11 +41
Comments 46

Идея для Google Buzz скрипта

Reading time 1 min
Views 357
Lumber room
Подаю идею написать скрипт для Google Buzz!
Скрипт должен подцеплять ссылку нa Google Profile пользователя и вытаскивать имя, именно это и есть адрес gmail ящика.
Например http://www.google.com/profiles/pupkin.vasja#buzz
Адрес электронной почты pupkin.vasja@gmail.com. Скрипт должен вставить иконку и ссылку ( icon ) рядом с именем.
Скрипт должен работать на базе Chrome Extensions или Greasеmonkey.
Пример:

image
UPD: 10.06.2010
Только что нашел: Buzz Plus
Total votes 8: ↑1 and ↓7 -6
Comments 6

HabrTree — скрипт сворачивающий по оценке

Reading time 1 min
Views 3K
GreaseMonkey *
Заметил за собой что в больших или малоинтересных обсуждениях читаю только комментарии с положительной оценкой. Что бы упростить себе это занятие был написан скрипт.

userscripts.org/scripts/show/71427

После установки появляется следующее.

image
Первые две кнопки свернуть, развернуть все. Далее кликаем на оценку и сворачиваем все неинтересные комментарии, оставшиеся будут подсвечены.

PS Если что то не работает, попробуйте установить новую версию.

Убран инпут спасибо vrent
Total votes 43: ↑26 and ↓17 +9
Comments 26

Скрипт, показывающий карму рядом с ником

Reading time 1 min
Views 640
Lumber room
Имя: КармаПисчик 1.0
Цель: Снизить объективность оценки комментария.

Иногда хочется узнать карму хабраюзера, не заходя к нему на страницу.
Вуаля.
Теперь при помощи КармаПисчика вы можете сформировать свое предвзятое отношение к комментарию, еще не прочитав его. Стоит только навести курсор на ник.
А что дальше?
Total votes 22: ↑11 and ↓11 0
Comments 27

Бесконечный скроллинг хабра

Reading time 1 min
Views 782
Lumber room
На некоторых сайтах видел функцию подгрузки тела сайта по мере его прокрутки вниз. А, не найдя ни одного упоминания об использовании подобной функции на хабре, решил написать свой вариант юзерскрипта под Greasmonkey, а заодно и потрогать jQuery.
Пока имеются некоторые некритические недоработки, но в целом он работает стабильно при просмотре лент сообщений (для чего он собственно и разрабатывался). Хотелось бы увидеть отзывы, предложения и комментарии.

/upd 2010-04-27:
[+] свертывание/развертывание футера;
[*] подгрузка комментариев в хабрацентре
[*] подгрузка списка людей в хабра/людях.
Total votes 28: ↑22 and ↓6 +16
Comments 18

Внешние ссылки в Google Wave без промежуточной страницы Redirect Notice

Reading time 1 min
Views 727
IT-companies
Промежуточная страница при открытии сайтов — зло в чистом виде.
Я сразу же начал искать решение проблемы через UserScript, и был удивлён, обнаружив что готового скрипта еще нет. Закралась мысль, что может есть другое решение…

Но пока эта мысль созревает, я на всякий случай сделал скрипт (точнее два):

Google Wave External links URL Fixer  и  Google Wave Auto-Redirect
(пришлось воспользоваться сокращалкой, так как Хабр не переносит слова script в урле)

Второй нужен для гарантии, так как первый основан на таймере, и чтобы не обрабатывать каждый раз все ссылки, было добавлено условие: «если количество ссылок изменилось с последнего прохода». Из-за этой оптимизации редко, но бывает ситуация переключения между волнами с одинаковым количеством ссылок, и соответственно волна не обрабатывается. В такой ситуации второй скрипт всё-таки делает автоматический редирект сразу при открытии промежуточной страницы.

Возможно и вам сгодится :)

Спасибо за внимание.

Total votes 6: ↑4 and ↓2 +2
Comments 1

Форматирование в комментариях

Reading time 1 min
Views 1.9K
Habr
Надоело мне писать теги в комментариях руками, и сделал я userscript, который добавляет кнопки форматирования к полю комментария. Непонятно, почему их до сих пор не сделали хабраразработчики. В посте есть — в комментариях нет.
Вот тут сам скрипт — userscripts.org/scripts/show/85482. Работать он будет в Google Chrome, Firefox, Opera и может даже IE8. Инструкции по установке, если не знаете как ставить userscript'ы, можно почитать тут — внизу страницы.

Скрипт работает и в постах и в q&a. Содержит вроде бы всё необходимое и даже irony. Если найдёте какие-нибудь баги — пишите.

Напоследок картинка — как это будет выглядеть:
image
Total votes 192: ↑182 and ↓10 +172
Comments 112

Улучшаем стили комментариев на Хабре (через юзер-стиль или плагин Stylish)

Reading time 5 min
Views 1.1K
Habr
Переработан стилизатор Stylish / Habrahabr — Prettifier (Firefox), он довольно хорошо проработан в плане внешнего вида, но добавлен более компактный показ комментариев. Полученные стили можно использовать не только с ним, но и установить как юзер-стили для сайта (в Опере, Хроме) или установить через Stylish в Chrome (не проверялось).
Скриншоты результатов и коды
Total votes 32: ↑18 and ↓14 +4
Comments 17

Кнопка Evernote site memory для Хабра

Reading time 1 min
Views 734
GreaseMonkey *
Не всегда есть время прочитать интересную статью на хабре и я откладывал их в закладки. Но случалось так, что перейдя из закладок на страницу получал сообщение о том, что топик перемещён в черновики, или же автор был заблокирован. Есть хороший вариант для этого — Evernote, но под версии linux нет nevernote.sourceforge.net (спасибо andy_minsk за ссылку), а клиппер для firefox во время работы блокирует все остальные окна firefox(может это только у меня такая проблема), к тому же сохраняется вся страница с лишними блоками, либо нужно выделять то, что надо сохранить. Поэтому с появлением кнопки site memory, возникло желание прикрутить её к хабру.
Читать дальше →
Total votes 40: ↑34 and ↓6 +28
Comments 19

Фильтр для топиков и авторов

Reading time 2 min
Views 1.3K
Habr
Так как никаких встроенных возможностей фильтрации контента нам не предоставлено, а читать множество непрофильных для себя блогов и бесконечный список новостей, которые даже не всегда близко к IT — нет ни времени, ни возможностей, я написал скрипт, который фильтрует топики и их авторов.

С помощью этого скрипта можно спрятать неинтересные вам блоги (а также и неинтересных вам авторов) и оставить только заголовки таких топиков или заголовок с инфопанелью, где рейтинг, голосование и количество комментариев, осветлить их заголовок (сделать менее заметными) или даже совсем убрать любое упоминание о них. И кстати, скрипт работает и у не зарегистрированных пользователей.
Читать дальше →
Total votes 83: ↑74 and ↓9 +65
Comments 61

…построю свой Google Reader, открытый и…

Reading time 2 min
Views 853
Self Promo
Почти с момента запуска многие справедливо любят и ценят Google Reader. Он действительно хорош, и с годами становится только лучше. Правда, довольно неспешно. И не всё, что хотелось бы в нём видеть, добавляется разработчиками. Например, кому-то не хочется видеть упоминания Microsoft или ФАС. Или хочется видеть favicon сайта. Или надоело нажимать «обновить», чтобы увидеть появившиеся с прошлого обновления записи. Или же кто-то мечтает о более удобном управлении с клавиатуры. Теперь это стало реальнее!
teaser screenshot
Читать дальше →
Total votes 59: ↑45 and ↓14 +31
Comments 41

Заметки о пользователе на habrahabr.ru

Reading time 1 min
Views 1.7K
Habr
В то время как на многих сайтах стали появляться персональные заметки о пользователях, на хабрахабре по-прежнему отсутствует такая возможность. А ведь поставив + или — пользователю потом практически не вспомнить за что и почему. Также и некуда написать о пользователе какие-то дополнительные данные, которые он, например не написал в профиле, но рассказал в каком-нибудь комментарии. В итоге пришлось написать юзер скрипт — userscripts.org/scripts/show/96400 (иногда userscripts подглючивает и тогда установить скрипт можно по прямой ссылке: userscripts.org/scripts/source/96400.user.js ).
Этот скрипт добавляет такую возможность самостоятельно, сохраняя заметки в вашем браузере (в localstorage). Само собой если почистите localstorage — всё канет в лету, но лучше решения пока нет, так что приходится довольствоваться тем, что есть.
Скрипт проверялся в Google Chrome и FireFox, в Opere должен заработать без проблем, а может и в IE8 сможет (там есть поддержка localstorage и addon которые позволяет грузить юзерскрипты).
Читать дальше →
Total votes 21: ↑18 and ↓3 +15
Comments 11

Просмотр видео не уходя с сайта

Reading time 2 min
Views 4.1K
GreaseMonkey *
imageВсем уже давно понятно, что видео в интернете вещь необходимая. Но многие форумы, социальные сети и в том числе хабрахабр не всегда позволяют встроить видео в комментарий или тему. Хабрахабр к счастью только в комментарии не позволяет видео встроить, а на большинстве форумов даже в теме видео не встроить. И вот этот скрипт немного облегчит нашу с вами жизнь в сети (он работает на всех сайтах, а не только на хабрахабре).

Скрипт подменяет обработку ссылок на видеосайты: youtube.com, vimeo.com и twitvid.com таким образом, что по клику на ссылке (на видео), прямо в странице будет встроен видеоплеер. Получается, чтобы посмотреть видео никуда уходить с сайта не надо! Нажал на ссылку, посмотрел и закрыл.
Читать дальше →
Total votes 52: ↑48 and ↓4 +44
Comments 61

Userscript чтобы убрать красные сообщения от Google+

Reading time 1 min
Views 1.6K
IT-companies
Google+ может напрягать своими сообщениями. Я сразу же убрал все сообщения по электронной почте в настройках. Красные сообщения в черной полоске вверху напрягают чуть меньше, но они проходят красной ниткой через все остальные продукты компании добра.

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

http://userscripts.org/scripts/show/105894

Исходный код совсем простой. По сути, это одна строчка:

try {document.getElementById("gbg1").style.display = 'none';} catch(e) { }

Вы можете установить его в Chrome просто нажав зеленую кнопку «Install». Если вы не доверяте содержимому скрипта — скачайте его (например, на рабочий стол), нажав «Сохранить как» на этой кнопке. Посмотрите код внимательно, может быть, подправьте (возможно, вам хочется видеть сообщения в Reader). Откройте новую вкладку в Chrome и перетащите файл мышкой туда, согласитесь с установкой.
Total votes 31: ↑17 and ↓14 +3
Comments 9