Pull to refresh

Букмарклет в помощь.

Lumber room
Итак, господа, перед вами часто встает вопрос сохранения данных с всяких ютубов, Вконтакте, файлообменников и прочая.
Коллега mekal раскопал категорически полезный сервис SaveFrom.net, который как раз и помогает нам выкачивать из большого Интернета файлики на наши грешные харды. Принцип действия прост — перед урлом нужного ресурса надо добавить приставочку «savefrom.net/» или «sfrom.net/» и ресурс покажет страничку с прямыми ссылками. Полный список поддерживаемых ресурсов представлен на главной странице сайта.
НО! Это ведь требует определенных лишних движений по копипастингу этой самой приставки, не так ли? Вот что я предлагаю сделать для упрощения жизни.
Читать дальше →
Total votes 36: ↑33 and ↓3 +30
Views 575
Comments 33

Чем вам поможет Хабракомментатор или новый способ навигации по комментариям

Habr


Начну с того, что идея как-то пришла мне в голову, когда я в очередной раз читал пост на тему отображения комментариев. Естественно тема зашла про то что комментарии при древовидной структуре расположения ответов, стремятся к правому краю, сжимаются и становятся нечитабельными.
Тогда я решил, что надо передвинуть левый край левее, чтобы узкие комментарии стали шире, как это выглядит? Не очень понятно. И ладно! Я написал букмарклет, чтобы вы всё сами увидели! Создан он специально для Хабра, так что можете пользоваться им постоянно.
Где букмарклет?
Total votes 33: ↑29 and ↓4 +25
Views 473
Comments 49

Букмарклет для отображения макетной сетки

Lumber room
Не так давно на хабре уже обсуждалась тема наложения макетной сетки поверх страницы. В голову пришла идея наложения сетки при помощи букмарклетов.

Собственно, вот они.
Читать дальше →
Total votes 13: ↑13 and ↓0 +13
Views 298
Comments 6

Расширяем функционал с помощью сторонних сервисов

Google Chrome
bookmark
На время пока Google Chrome не поддерживает плагины, есть возможность расширять функциональность за счет букмарклетов.

Букмарклеты это небольшой javascript-код который используется как закладка в браузере, с помощью которой можно будет использовать некоторый функции.

Один из фан сайтов Google Chrome опубликовал огромный список букмарклетов. И так, большой список, небольшим описанием от меня.
Читать дальше
Total votes 8: ↑8 and ↓0 +8
Views 712
Comments 8

Средство малой механизации для Кармаграфа

Habr
Думаю, очень многие знают Кармаграф и пользуются им. При этом лично для меня самый частый сценарий использования — это, как ни странно, не любоваться на рост своей кармы, а посмотреть недавние изменения кармы другого хабрапользователя (типичный пример — в каком-нибудь посте написан PS «хватит срать мне в карму, и так уже минус!», я захожу для проверки в хабрацентр этого пользователя — а там +50 кармы. вот и думай, это ему за пару часов так кармы накидали, или он просто врун-попрошайка). И всё бы хорошо, но вбивать каждый раз вручную (или копипастить) имя этого пользователя в Кармаграфе как-то надоедает. Вспомнив, что есть такая вещь, как закладурки и потратив 20 минут на освежение памяти о том, как работать со строками в Javascript, родил вот такое:

javascript:l=window.location.href;i=l.indexOf('.habrahabr.ru');if(i!=-1){window.open('http://karma.goodrone.org.ru/manage/add/'+l.substring(7,i).replace(/-/g,'_'));}void(0);

Так как javascript в ссылках на хабре рэжэтся, то вместо простого перетаскивания ссылки на панель закладок нужно создать закладку вручную, прописав в качестве ссылки приведённый мной javascript.

Как пользоваться
Заимев желание посмотреть кармаисторию какого-нибудь хабрапользователя, идём в его хабрацентр и открываем закладку, сделанную своими руками в предыдущем абзаце. Откроется страница с кармаграфом и вы сможете с полным на то основанием разоблачить кармопопрошайку.

Features
  1. Можно вызывать кармаграф из любой страницы хабрацентра — лишь бы перед habrahabr.ru шло имя пользователя.
  2. Кармаграф открывается в новом окне или табе (не люблю, когда закладурки портят ту страницу, которая у меня сейчас открыта).
  3. Если за хабрапользователем раньше не было установлено слежки, то Кармаграф спросит, начинать ли за ним следить.
  4. Если попытаться открыть эту закладку не из хабрацентра, а из какого-нибудь другого места, то ничего не произойдёт.
  5. Если в имени пользователя есть подчерк (переделываемый в минус в адресе хабрацентра), то он будет корректно обработан. Если подчерков много — тоже всё будет корректно (спасибо monsterzz).

Known bugs
Пока нет.
Total votes 41: ↑33 and ↓8 +25
Views 492
Comments 12

Переводчик выделенного текста для Google Chrome

Lumber room
Думаю Хабровчанам, использующим Google Chrome должно быть интересно:
Пересаживаясь с файрефокса на хром, у меня встал вопрос о переносе нескольких плагинов, пока в хроме плагины в стадии зачатия. В частности интересовало как найти аналог плагина Unofficial Google Translate Firefox extension , который может переводить выделенную фразу в небольшом окошке.
Нашлось небольшое решение — букмарклет. Выделив текст и нажав на букмаклет можно получить его перевод в новом, всплывающем окошке небольшого размера :)
Добавьте нижеприведенный текст в закладку (к сожалению, если добавить в виде ссылки, не получиться перенести в закладки, пришлось добавить в виде кода):
javascript:function x(){loc=location.href; lang='ru'; flag=true;text = ''; if (window.getSelection) { text= window.getSelection(); } else if (document.getSelection) { text = document.getSelection(); } else if (document.selection) { text = document.selection.createRange().text;}}function y(){if((text=='')){location='http://translate.google.ru/translate?u='%20+%20encodeURIComponent(loc)+'&sl=auto&tl='+lang;}} function z(){if ((text!='')){ var res=window.open('http://translate.google.ru/translate_t?text='+text+'&sl=auto&tl='+ lang ,'gTranslate_popup','left='+((window.screenX||window.screenLeft)+10)+',top='+((window.screenY||window.screenTop)+10)+',height=500px,width=950px,resizable=1,scrollbars=1');window.setTimeout(function(){ res.focus()},300)}} x(); y(); z();

Если по пунктам, то:
1. Выделяем этот код
2. Создаем закладку, добавляем этот код в url.
Проверяем: выделите текст, нажмите на закладку, если все сделано правильно, то появится окошко с переводом выделенного текста.

Еще можно переводить страницы сервисом переводов от Промта одним кликом, для этого используйте следующие букмарклеты:

Promt-Общий:
javascript:location.href="http://www.translate.ru/url/tran_url.asp?lang=ru&direction=er&template=General&cp1=NO&cp2=NO&psubmit2.x=41&psubmit2.y=14&url="+document.location.href

Promt-Интернет:
javascript:location.href="http://www.translate.ru/url/tran_url.asp?lang=ru&direction=er&template=Internet&cp1=NO&cp2=NO&psubmit2.x=40&psubmit2.y=11&url="+document.location.href

Promt-ПО:
javascript:location.href="http://www.translate.ru/url/tran_url.asp?lang=ru&direction=er&template=Software&cp1=NO&cp2=NO&psubmit2.x=95&psubmit2.y=19&url="+document.location.href

Оффтопик: нашел джаббер er@translate.jrudevels.org — переводчик промта. Переводит не больше 200 символов, аналогично m.translate.ru
Total votes 11: ↑8 and ↓3 +5
Views 1.1K
Comments 16

Кроссбраузерные закладки на произвольное место страницы

IT-companies

Введение


Бывают случаи, когда в браузере приходится читать большой текст в несколько приёмов. Это может быть роман, статья или техническое руководство. Хорошо, когда документ разделён на главы и снабжён удобной навигацией. Тогда, прерывая чтение, можно создать временную закладку на страницу раздела или на якорную точку в документе. А если текст сплошной? Или ссылки на внутренние разделы не предусмотрены? Или сами разделы слишком велики и трудно потом искать нужный абзац внутри раздела?

Один из выходов — сохранить документ на диск и читать при помощи любой программы, позволяющей создавать внутренние закладки или запоминающей место, на котором закрыли текст.

Но такое умножение сущностей не для всех удобно. Попробуем найти способ попроще.
Читать дальше →
Total votes 10: ↑8 and ↓2 +6
Views 2.2K
Comments 25

Tips & tricks в разработке букмарклетов

JavaScript *
Sandbox
Так получилось, что в течение нескольких месяцев я занимался разработкой букмарклетов, сделав их около десятка. Использовал как jQuery, так и native JavaScript. О том, с какими подводными камнями я столкнулся, что нового узнал и нашел — об этом пойдет речь под катом.
Читать дальше →
Total votes 65: ↑57 and ↓8 +49
Views 2.5K
Comments 17

Pastemark: не повторяйте себя

GTD *
Вероятно, многим из нас приходится регулярно набирать однотипные тексты: отчеты, уведомления и тому подобное. И в какой-то момент это начинает порядком утомлять. Как вы, наверное, догадались, в этом топике я хочу представить публике сове решение этой проблемы.

Не повторяйте себя


У этой проблемы напрашивается простое решение: вместо того, чтобы помногу раз набирать текст, нужно один раз сделать шаблон, а потом всякий раз его подставлять.
Pastemark — это простой сервис для изготовления букмарклетов, подставляющих заготовленный текст в нужное вам поле. Из этого, кстати, вытекает единственное ограничение области применимости — веб-браузер.

Читать дальше →
Total votes 4: ↑3 and ↓1 +2
Views 423
Comments 5

Сайты под ЛСД

Website development *
Не знаю, в какие хабы это лучше запостить. Поправьте, если не туда.



Думаю, многие знают, что 19го апреля был День Велосипеда. В честь него, был сделан этот букмарклет, «окунающий сайты в ЛСД-трип». Посмотрите на свои (или чужие) сайты под ним — выглядит порой очень психоделически).
Total votes 122: ↑75 and ↓47 +28
Views 8.2K
Comments 43

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №54 (20 — 26 апреля 2013)

Zfort Group corporate blog Website development *
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.


Читать дальше →
Total votes 44: ↑39 and ↓5 +34
Views 34K
Comments 13

Букмарклет: разбор существенных моментов, часть первая

TheOnlyPage corporate blog Website development *JavaScript *
Recovery mode
Tutorial
Как известно, букмарклет это небольшой javascript-код который, будучи сохраненным в закладках браузера, используется для выполнения каких либо действий над содержимым текущей веб-страницы.

Но почему в названии поста: часть первая? Потому, что современный букмарклет «с блэк джеком и шлюхами»* обычно состоит из нескольких взаимодействующих частей:
  1. первая часть букмарклета, которая является собственно букмарклетом это компактный javscript-код — не более 2000 символов, главная, но не единственная задача которого загрузить вторую часть;
  2. вторая часть букмарклета: это javscript-код произвольного размера, который выполняет всю оставшуюся работу;
  3. резервная часть букмараклета – которая запускается в действие, если вторая часть букмарклета не загрузилась.

И, как вы уже наверняка догадались, в данной публикации речь пойдет о первой части букмарклета,

Часть первая обычно выполняет следующие нехитрые действия:
Читать дальше →
Total votes 23: ↑19 and ↓4 +15
Views 8.8K
Comments 7

Букмарклет: разбор существенных моментов, часть вторая, подгружаемая

TheOnlyPage corporate blog Website development *JavaScript *
Tutorial
Напомним, что букмарклет это небольшой javascript-код, сохраняемый в закладках браузера, и предназначенный для выполнения каких либо задач на текущей веб-странице.

Как было отмечено в предыдущем посте букмарклет можно разделить на 3 взаимодействующие части:
  1. Первая часть, небольшой, до 2000 символов javascript-код, который сохраняется в закладках браузера и, в простейшем случае может выполнять всю работу, но обычно служит для инициации работы букмарклета.
  2. Вторая, подгружаемая часть букмарклета: javascript-код подгружаемый в текущий документ в процессе инициации букмарклета и обеспечивающий основную функциональность.
  3. Третья, резервная часть букмарклета которая срабатывает если подгрузить javascript в текущий документ не удалось.

Первая часть букмарклета была досконально разобрана в предыдущем посте на живом примере букмарклета веб-сервиса TheOnlyPage (сервис хранения закладок, заметок и html-фрагментов)

На этот раз остановимся на подгружаемой части букмарклета.

Разнообразие возможных действий подгружаемой части букмарклета необъятно, поэтом рассмотрим только наиболее существенные моменты.
Читать дальше →
Total votes 6: ↑5 and ↓1 +4
Views 2.4K
Comments 0

Букмарклет: разбор существенных моментов, часть третья, резервная

TheOnlyPage corporate blog Website development *JavaScript *
Tutorial
В продолжение двух предыдущих публикаций про первую инициирующую и вторую подгружаемую части букмарклета, для полноты картины, рассмотрим и третью резервную часть букмарклета.

Напомним, вкратце логику работы «навороченного» букмарклета:
  1. Кликом по сохраненной в закладках браузера ссылке, вызывается на выполнение небольшой (до 2000 символов) javscript-код, основная задача которого организовать загрузку javascript-кода выполняющего основную работу букмарклета
  2. Основная часть букмарклета после загрузки выполнят всю работу.
  3. Если основную часть букмарклета невозможно подгрузить – основную часть работы, выполняет резервная часть букмарклета, как правило, в урезанном виде.

Читать дальше →
Total votes 22: ↑17 and ↓5 +12
Views 2.7K
Comments 0

Надёжный localStorage для букмарклетов

Firefox JavaScript *Internet Explorer Google Chrome Browsers
В отличие от расширений, букмарклеты хороши простотой и кроссбраузерностью. Конечно, они ограничены контекстом окна (содержимого страницы), но часто этого достаточно. А с возникновением механизма localStorage у них появился простой способ сохранять и запрашивать данные на стороне клиента.
Читать дальше →
Total votes 25: ↑21 and ↓4 +17
Views 11K
Comments 2

Букмарклеты: если XPath недоступен, а селекторов и методов навигации по DOM не хватает

Firefox JavaScript *Internet Explorer Google Chrome Browsers
Недавно я пытался написать несколько условно кроссбраузерных букмарклетов с выборками и навигацией средней сложности. Решил ограничиться последними версиями Google Chrome, Firefox и Internet Explorer. Приступив к проверке в последнем браузере, с грустью обнаружил, что даже в IE 11 всё ещё нет поддержки XPath.

Вроде бы полная поддержка обещана в Edge: «Microsoft Edge supports the XML Path Language Version 1.0 with no variations or extensions». И уже даже, кажется, реализация добавлена в Internet Explorer Developer Channel (никто не проверял?). Но это пока недостаточное утешение.

(P.S. Проверка через виртуальную машину подтверждает реализацию XPath в MS Edge версии 11.00.10240.16397 от 7.22.2015 (по версии файла), она же 20.10240.16384.0 (по информации в настройках)).

Следующим шагом стало обнаружение библиотеки от Google. Я даже для очистки совести проверил способ с вживлением библиотеки на странички в IE 11 (по описанному здесь методу) — всё замечательно работает даже на параноидальных сайтах вроде Твиттера (к слову, если вы вдруг не знали, в Firefox всё ещё нельзя запустить букмарклет в Твиттере или, например, в Гитхабе, из-за до сих пор не исправленного бага). Но метод этот очень громоздкий. Он хорошо подходит для разработки сайтов, но маленькие пользовательские букмарклеты он отягощает лишней асинхронностью, усложнением логики и дополнительным временем на загрузку файла.

Пришлось искать более простые замены для некоторых не хватавших мне инструментов XPath.
Читать дальше →
Total votes 7: ↑7 and ↓0 +7
Views 6K
Comments 6

Букмарклеты в Internet Explorer 11: формат хранения, лимиты и негласные правила, коварный баг

JavaScript *Internet Explorer Debugging *Browsers
После того, как сразу два букмарклета, работавшие в Google Chrome и Firefox, отказались работать в Internet Explorer 11, причём не выдавали в консоль никаких сообщений об ошибках и вообще не подавали признаков жизни, я стал разбираться, в чём же дело.

Сначала я решил, что дело в лимите на длину URL и тем самым на длину букмарклета. В IE 7 ограничение было в 2083 символа, в IE 11, по уверениям экспериментировавших пользователей, лимит увеличили. Нужно было выяснить опытным путём, какова теперь эта граница.

Но сперва небольшое предисловие.

Google Chrome хранит закладки в JSON, Firefox — в базе данных sqlite. Поэтому названия у закладок могут быть произвольные. IE хранит каждую закладку как отдельный файл, например, в папке %userprofile%\Favorites\Links. Поэтому браузер будет корректировать названия закладок, чтобы они подходили под нормы файловой системы (заменять знаки вопроса, например). Поэтому же в IE не могут быть в одной папке две закладки с одинаковым именем, а в Google Chrome и Firefox — могут (закладки в них могут быть даже вообще без имени, только со значком сайта или стандартным заменителем).
Читать дальше →
Total votes 9: ↑7 and ↓2 +5
Views 5.4K
Comments 6

Эмуляция CORS на стороне клиента: кроссбраузерное решение некоторых пользовательских задач без расширений

Firefox JavaScript *Internet Explorer Google Chrome Browsers
Tutorial

I. В чём проблема



Расширения для браузеров — мощный инструмент продвинутого веб-сёрфинга, самая доступная, развитая и распространённая часть целого ряда инструментов. Однако расширения имеют и слабые стороны: каждый браузер требует знания и применения своих правил и форматов, а это дополнительная сложность для создателя. Расширения не кроссбраузерны, что сразу ограничивает их адресат. Есть попытки обобщить создание расширений, но они могут добавлять уже свою дополнительную прослойку форматов и правил.

Когда расширение улучшает специфические стороны браузерного интерфейса, без него не обойтись. Но некоторые задачи универсальны, не связаны с частными средствами браузера и, тем не менее, без расширения их тоже не выполнить. Одна из таких задач — кроссдоменные XMLHttpRequest запросы, нарушающие политику одного источника.
Читать дальше →
Total votes 9: ↑8 and ↓1 +7
Views 22K
Comments 5

За что Microsoft Edge ненавидит закладки?

JavaScript *Internet Explorer Browsers Microsoft Edge
Недавно я написал ряд заметок, так или иначе касавшихся работе с букмарклетами в браузерах, и почти в каждой упомянул о какой-то проблеме с IE, высказывая надежду, что придёт MS Edge и всё исправит.

Поэтому не смог пропустить появление виртуальных машин с Windows 10 и решил проверить, как теперь обстоят дела с коллекцией досадного опыта.

На машине оказалась версия MS Edge 11.00.10240.16397 от 7.22.2015 (по версии файла), она же 20.10240.16384.0 (по информации в настройках браузера)…
Читать дальше →
Total votes 39: ↑33 and ↓6 +27
Views 70K
Comments 70

Что случается, когда программист занимается подбором автомобилей

Self Promo
Открыли мы с другом компанию по подбору автомобилей с пробегом. Если никогда не слышали о таком — мы помогаем людям не купить «ведро». Увы, в Москве большинство машин, предлагаемых на вторичном рынке, заслуживают именно такой оценки.

Чтобы найти достойный экземпляр приходится обработать иногда за сотню объявлений. Происходит это примерно так: смотрим фотографии, описание, отмечаем какие-то нюансы, после чего звоним продавцу и задаём более двадцати вопросов. Далее уже решаем, стоит ли смотреть машину вживую.

image

Читать дальше →
Total votes 40: ↑36 and ↓4 +32
Views 39K
Comments 215