altrus Oct 13 2018 at 12:01

Улучшаем интернет-программы

4 min

4.9K

Web design*CSS*JavaScript*Client optimization*Browser extensions

+12

Comments 21

lolmaus Oct 13 2018 at 20:37

Откройте для себя Tampermonkey (источники JS) и Stylus (источник CSS).

altrus Oct 14 2018 at 06:16

Каким образом это помогает решить задачи, описанные в статье?

extempl Oct 14 2018 at 08:55

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

altrus Oct 14 2018 at 09:00

Я и спросил — какие именно готовые скрипты и стили в данных библиотеках хоть как-то решают задачи, описанные в статье.
Я не нашел.

P.S. TamperMonkey у меня ставился пару раз с какими-то довольно популярными скриптами и быстро сносился, потому как броузер начинал нещадно тормозить на нем.

extempl Oct 14 2018 at 09:05

Суть в том, что вы можете решить свои проблемы из статьи и оформить их в виде юзерстилей/юзерскриптов и залить на существующие для этого площадки.

altrus Oct 14 2018 at 09:08

А, ну если говорить о последуюшей дистрибуции, то рынок пользователей браузерных расширений намного больше, чем данных площадок. Разве нет?

extempl Oct 14 2018 at 09:13

Да, но никто не будет ставить расширение состоящее из CSS незначительно меняющего стиль отдельной страницы. Для этого есть юзерстили. Ну и это в принципе проще.

extempl Oct 14 2018 at 09:15

Кроме того, можно взять чей-то юзерстиль за базу и добавить что-то от себя. Расширения этого не позволят, они попросту предназначены не для этого.

altrus Oct 14 2018 at 09:16

Я говорил о расширениях, значительно улучшающих (в некотором смысле) интерфейс и добавляющих функциональность

extempl Oct 14 2018 at 09:20

То, что вы перечислили слабо относится к «значительно» (но это конечно вам лучше скажет сам рынок после того как вы выложите эти расширения), и это понятие слишком расплывчато. Может быть «значительно» состоящее из одной строчки.
Ну и смотрите комментарий выше про переиспользование.

altrus Oct 14 2018 at 06:31

Вот еще один хак:
На больших мониторах основная колонка на Хабре читается удобно, но если в ней есть картинки-скриншоты, то детали не разобрать — приходится открывать картинки в новом окне.

Вставляем

.layout__cell {
    max-width: none;
}

и основная колонка растягивается на всю доступную ширину экрана.
Для удобства можно сделать кнопку включения/отключения этого режима.

altrus Oct 14 2018 at 09:32

А можно так. Этот скрипт:

window.onload = function() {
  $(function() {
    $('.post img').each(function() {
      $(this).wrap('<a target="_blank" href="' + $(this).attr('src') + '"></a>');
    });
  });
};

позволит кликом открыть картинку в новом окне в полном размере.

DjOnline Oct 20 2018 at 17:40

Интересно, сколько ещё лет пройдёт, когда разработчики Хабра додумаются до такого нативно, чтобы по клику открывалась картинка на весь экран, в fancybox с крестиком (это всё же удобней отдельного окна), и закрывалась по клику на картинку.

Methos Oct 14 2018 at 10:44

такое ощущение, что на дворе 2010 год

justboris Oct 15 2018 at 02:47

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

Откройте для себя you-dont-need-jquery и пользуйтесь встроенной функциональностью. Для ваших задач ее хватит

altrus Oct 15 2018 at 06:57

После моей статьи на Хабре «Вариант миграции с JQuery на чистый Javascript» ваше замечание выглядит довольно глупо.

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

justboris Oct 15 2018 at 10:40

Зачем вы инжектите на страницы jQuery, если вы знаете, как манипулировать с DOM на ванильном JS?

altrus Oct 15 2018 at 10:46

Потому что для целей данной статьи (показать возможности и удобство кастомных скриптов) JQuery намного лаконичней и наглядней.

Можете переписать данный фрагмент кода на JS сравнить.

justboris Oct 15 2018 at 11:01

Вы же нигде в статье не делаете пометок, что jQuery использовать необязательно. Читатели верят вам, думают, что это реализуется только так, и от этого мы все еще имеем длинные флеймы в комментариях, насколько важен в 2018 году jQuery.

altrus Oct 15 2018 at 11:47

Статья вообще не о JQuery
Я даже дисклеймер выделил для описанных вами случаев:

Дисклеймер: все вышеприведенные примеры приведены исключительно в качестве примеров использования потенциала js и css, и сами по себе не несут какой-либо ценности

Но не в первый раз он не помогает

YemSalat Oct 15 2018 at 12:58

О чем статья то? Что можно свои юзерскрипты и стили писать? Это и так все знают.
Рецепты для определенных сайтов — скудновато и нa статью нe тянет.

Show the best of all time