One of the new features of Firefox 2.0 is support for Microsummaries. These are simply another kind of live bookmark, and in that sense are similar in context to create the text.
For the microsummaries I created here, I used simple text files that are updated by internal scripts. There's not much to these files, and in fact they can't be very large because it is their contents that is used as the title of the bookmark in Firefox. When the content of the file changes (and after Firefox updates its cache) the bookmark title will reflect the new data (hence these are also called "Live Titles").
For Firefox to be aware of the microsummary data, it has to be added to page header tags. For example, if you "View Source" on
The two files referenced by the hrefs contain simple text:
$ cat latest
Latest Post: Understanding Microformats
$ cat latestcomment
Latest Comment: Inexpensive GPS units
When a user bookmarks a page here (Bookmark, not Subscribe) with Firefox 2.0, the Name space has drop-down arrows which, if clicked, will display the
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
Understanding Microsummaries
0 views
Comments (0)
Please sign in to leave a comment.
No comments yet. Be the first to comment!