1. Use "Interesting" tab
By opening Math.SE via https://math.stackexchange.com/?tab=interesting, you will get a customized list of recently active questions. This tab brings forward questions which have more of your favorite tags, as well as the tags which you tend to answer. The algorithm is described here.
The "Interesting" tab is seen in the customized interface pictured above. You can also see the "hide the question" button (-)
described later in this post. Without modifications, this tab is not visible on SE sites other than StackOverflow. If there is enough interest in making it visible, this could be a feature request (in a separate thread).
For now, I made the tab visible for myself with jQuery:
$(document).ready(function() {
$('#tabs').prepend('<a href="?tab=interesting" title="interesting questions">interesting</a>');
});
The above script should be matched to URLs https://math.stackexchange.com/
and https://math.stackexchange.com/?*
2. Resolve favorite/ignored conflicts in favor of favorite
The "hide ignored tags" option carries the risk of missing questions which overlap your areas of interest: a question with both ignored and favorite tags gets hidden. This behavior can be changed with the CSS rule
.tagged-interesting {
display: block !important;
}
It ensures that a question with at least one favorite tag will not be hidden from Questions or Unanswered tabs. Unfortunately, the rule does not have effect on the home page of the site, including the Interesting tab. For this reason, the following method may be preferable.
3. Show only questions with a favorite tag
Instead of choosing the tags to hide, one can choose the tags to be displayed and marks them as favorites. The following jQuery command hides everything else.
$('.question-summary').not('.tagged-interesting').css('display', 'none');
The highlighting of favorite questions can now be turned off everywhere with CSS, since it no longer serves a purpose:
div.tagged-interesting {
background-color: #fff !important;
}
This method works particularly well on the Interesting tab, which is rich in questions with favorite tags.
4. Hide specific questions
If one primarily uses the same computer/browser combination to access Math.SE, it becomes feasible to hide individual questions from the page. This method was developed by StackOverflow user Kos. Questions are hidden by clicking (-)
in the upper right corner of the question summary. The list of hidden questions in kept in your browser's storage (which all modern browsers support). The option to reset all hidden questions (and thus clear the storage) is provided at the bottom of right sidebar.
This method uses both CSS and JavaScript (with the jQuery library).
.kos-hide-button {
color: #666;
}
.kos-hide-button:hover {
color: red;
cursor: pointer;
}
.kos-hide-button-hide {
display: block;
width: 2em;
float: right;
text-align: right;
}
.kos-hide-hidden-question {
display: none !important;
}
The JavaScript code by Kos is copied below to make this post self-contained. It's a neat example of jQuery use.
$(document).ready(function() {
var keyPrefix = "mse.hiddenquestion.";
function hideElem(elem) {
elem.addClass('kos-hide-hidden-question');
}
function clearHidden() {
var toRemove = [];
for (var i=0; i<localStorage.length; ++i) {
var key = localStorage.key(i);
if (key.substr(0, keyPrefix.length) == keyPrefix) {
toRemove.push(key);
}
}
for (var i=0; i<toRemove.length; ++i) {
localStorage.removeItem(toRemove[i]);
}
$('.kos-hide-hidden-question').removeClass('kos-hide-hidden-question');
}
if (!('localStorage' in window && window['localStorage'] !== null)) {
return;
}
$('.question-summary').each(function() {
var that = $(this);
var id = keyPrefix + $(this).attr('id');
$('<span>(-)</span>')
.addClass('kos-hide-button')
.addClass('kos-hide-button-hide')
.attr('title','Hide this question')
.insertBefore($(this).find('h3'))
.click(function() {
hideElem(that);
var tab = $
localStorage[id] = 1;
})
;
var hidden = localStorage[id];
if (hidden) {
hideElem($(this));
}
});
$('<div>Reset hidden questions</div>')
.addClass('kos-hide-button')
.appendTo($('#sidebar'))
.click(function() {
clearHidden();
})
;
});
5. Use the "title" attribute of question titles
The home page tabs, such as interesting, do not display two-line snippets of question body. However, these snippets appear as a "tooltip" text when hovering over the element:
This amount of text is often enough to decide whether to hide the question by clicking (-)
, eliminating the need to navigate to the question.
$\infty$. Technical details
The details of using custom CSS and JS vary by browser. Some of the options are listed below. (Feel free to expand the list: the post is a CW.)
- Chrome extensions Stylish (CSS), Tampermonkey (JS), Personalized web (CSS and JS).
- Firefox extensions Stylish (CSS), Greasemonkey (JS).
- Built-in browser support for custom CSS.
The URLs to match are
https://math.stackexchange.com/, https://math.stackexchange.com/?*, https://math.stackexchange.com/questions*, https://math.stackexchange.com/unanswered*
My personal choice was to implement 3 and 4 via an unpacked Chrome extension. The extension consists of JS and CSS described above, matching rules (.json), icon (.png) popup bubble (.html), and a copy of jQuery. Feel free to use or modify.