The long-running "news for nerds, stuff that matters" website will undergo a facelift after its editors selected a redesign from a number of submissions.
Slashdot Alex Bendiken won the Slashdot redesign contest. He will receive a laptop for his efforts. Second place designer winning redesign changes Slashdot's font from a serif to a sans-serif default. It also includes more spacing between elements on the main page, giving the site a cleaner, easier to read appearance.
On the left side of the page, the menu headers like Sections and Vendors can be clicked to collapse or expand their contents. It also dispenses with the use of italics for quoted text in the article summaries on the front page.
A number of commenters on the redesign preferred Lada's work over the winner's. The runner-up design included tagging and a smaller font size for the menus in the left and right sidebars. Its Ajax-powered left-side menu is a little more intuitive than Bendiken's.
The new design should be the default in a few days, according to Slashdot. The original contest
Found an error or have a suggestion? Let us know and we'll review it.
 {
function initCopyableSections() {
document.querySelectorAll('.article-content .copyable-section').forEach(function(section) {
if (section.querySelector('.copyable-section__btn')) return;
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'copyable-section__btn';
btn.setAttribute('aria-label', 'Copy to clipboard');
var label = section.getAttribute('data-copy-label');
btn.textContent = label ? 'Copy ' + label : 'Copy';
section.appendChild(btn);
btn.addEventListener('click', function() {
var contentEl = section.querySelector('.copyable-section__content');
var text;
if (contentEl) {
text = contentEl.textContent.trim();
} else {
var clone = section.cloneNode(true);
var btnClone = clone.querySelector('.copyable-section__btn');
if (btnClone) btnClone.parentNode.removeChild(btnClone);
text = clone.textContent.trim();
}
if (!text) return;
navigator.clipboard.writeText(text).then(function() {
var t = btn.textContent;
btn.textContent = 'Copied!';
btn.classList.add('copied');
setTimeout(function() {
btn.textContent = t;
btn.classList.remove('copied');
}, 2000);
});
});
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCopyableSections);
} else {
initCopyableSections();
}
})();
</script>
<!-- Tags -->
<!-- Correction Form -->
<div class=)
Suggest a Correction
Slashdot Picks Its Redesign
1 views
Comments (0)
Please sign in to leave a comment.
No comments yet. Be the first to comment!