This is why I think Waterfox is cool for a web developer. You can customize the toolbars in Waterfox, while Firefox doesn’t have those features (as shown in the attached screenshot).

Go for it. Check it out. You might be pleasantly surprised that you like a slightly different and more customizable interface once in a while.

If you’re using a Mozillla browser, check out Francesco De Stefano. In my experience, he knows what he’s doing when it comes to developing useful and practical addons which aren’t broken for mozilla browsers.

Not to be confused with fantastic guitarist, Peter Di Stefano, though the names are both Patronymic Italian names.

404 Bookmarks

Check whether your bookmarks have died since the last time you visited. Get 404 Bookmarks for Firefox.

Raindrop.io

When you’re ready for something different. Raindrop is more of a central location for organizing your stuff. It is also a means of organizing your bookmarks, and it does it well if you cooperate. You may be disappointed if you expect Raindrop.io to automatically import your existing bookmarks. You’ll need to have bookmarks file saved for importing.

Batch Edit

Mozilla – Bookmark Batch-updater (batch edit URL with RegEx option)
Chrome – Bookmark URL Batch Replacer

Random – Just go Crazy!

Click to open a random bookmark from your vast collection of saved URL’s, you hoarder! It’s pretty cool, actually. You’ll never know what you’ll get.
Mozilla Version ~ by Steven Aleong
Chrome Version

More Chrome Randomness:
the Machine!
ReStumble
Random from Folder
Undust – I like this one!

Sort Bookmarks

Caution!Opera (and probably other browsers with built-in “Start-Page” / “Speed-Dial”). This extension WILL sort ALL folders, recursively, including Speed Dial. Understand the consequences of that before running this extension.

Recursive Bookmark sort for Chromium-based browsers. On demand function. Probably the only one of its type you need. Sadly, not available for Firefox, but there are good bookmark managers for Mozilla browsers too. Update. I have used this with Vivaldi, and was disappointed to find that it didn’t sort some. But, I think that might be a Vivaldi thing (the way it extends the bookmark toolbar, but most people dont keep the bookmarks toolbar visible at all times as I do, so you might not even notice that. The bookmarks themselves actually did seem to be effectively sorted.

Sort Bookmarks for Mozilla browsers. Actually, I wish this one was available for Chrome too. I’ll have to take a look. It’s cool because you can just right-click on any given folder, and that folder will be sorted, recursively if desired. I think there’s a version of this which runs automatically as well.

Spruce

Spruce Marks SpruceMarks is a general purpose kind of Different take on your bookmarks. Worth a try!.

Eliminate Duplicates

Bookmark Dupes – For Mozilla and Chrome. I like using this one first, then the Bookmarks Clean Up. Bookmarks Clean up is nice because it will merge folder siblings having the same name, but will function faster if you use Bookmark Dupes first.


Fast Bookmark Manager – Fast Bookmark Mgr eliminates duplicates and Merges same-name sibling folders. I tried this one not long ago, and was impressed. Correction!… this one will merge same-name folders anywhere in your library. If you’re a Chrome user and need to clean your bookmarks, check out this one first! Also, they weren’t lying when they said fast.

Merge Same-name Folders

Bookmarks Clean Up is essential for anyone who keeps named folders for categorizing bookmarks. Have you realized that you have more than one folder of the same name? Use this in conjunction with “Bookmark Dupes” (link above) to quickly minimize your bookmark collection to having only one version of each link saved. If you don’t have a ton of bookmarks, this can probably be all you need, but if you’ve got a ton of duplicates, you’ll probably find that “Bookmark Dupes” will clean most of your mess more quickly.

Bookmarks Clean up – Mozilla Version
Bookmarks Clean up – Chrome Version

Copy Selected

Copy Cat – Select text on a web page and copy as HTML (or markdown, or other options). Available for both Webkit and Mozilla based browsers.
Ituitive as the feature is that Mozilla browsers have had “View Selected Source” since the days of the caveman, oddly Copy Cat sometimes is more accurate for probably what you’re going for (and sometimes not at all). Play with it.

The GitHub repo (link above) has separate links to the browser-specific pages. I like this because I rarely would want to “copy” and entire page of code. I generally just want to copy a paragraph or two, with maybe a few lines of code from an example.

Copy HTML Text WE – Select areas of a page and copy the HTML for that selection. Much like CopyCat, but tends to function correctly on more pages.
Get Copy HTML Text WE

Download All Sources

For Mozilla browsers. This extension makes it easy to download the following:
Link URL
URLs included in selected range
Specified URLs
All URLs in the page
Filter URLs by filetype/ keyword
Dynamic naming
Remember custom filters/ parameters

Fire Source View

for quickly viewing HTML, JavaScript and CSS. Features Incl:

• Source code with syntax highlighter
• JavaScript node counts.
• Line numbers, file size and cache header displayed.
• Copy source code to clipboard.

Get Fire Source View – Similar, by the way, to the View Rendered/ Current Source extensions for Chrome listed here.

List Sources

Easily see all the page dependencies (this i think is the wrong one. this is the images only one, i think.). damnit. Useful if trying to figure out where certain scripts [not this one for scripts / css. fix this, Geoffrey!] or files are coming from, or if you need to grab a resource the source of which isn’t easily discovered. There’s a Mozilla version and a Chrome version available.

Markdown

Render Markdown Github-style in Chrome

Render Markdown in a Mozilla browser

Save All Resources

For Chrome – Easily save the current site’s resources like images a scripts. (Downloads a .zip archive which may include fonts, etc.)

Simple Mass Download

For Chrome – Convenient filter by file (e.g. *.css).

View Rendered Source

View Rendered Source (Chrome only at time of writing)
“shows you how the browser has constructed (rendered) a page’s original HTML into a functioning DOM, including modifications made by JavaScript. An essential tool for web developers using JavaScript frameworks like Angular, ReactJS and Vue.js, and for SEOs to understand how search engines see your pages, especially considering Google’s dynamic serving workaround.”

Oddly, View Rendered Source almost works in Waterfox. I don[‘t understand why, but that would be an interesting project: Convert VRS into a working extension for Mozilla browsers!

View Current Source

View Current Source (Chrome only at time of writing)
“source code of a page as it is right when you right-click and select “view current source” in your context menu. It is especially helpful when you develop a dynamic webpage with a lot of JavaScript involved in building it..”

View Source Chart – Bookmarklet

By Jennifer Madden

Collapsible / Editable HTML Rendered Source View:

[View Source Chart] should be standard in every web developer’s toolkit.

-John Resig, creator of jQuery

javascript:wprops='';function getComments(pnode) {function doGetComments(node) {if (node.nodeType == 8) {node.nodeValue=node.nodeValue.replace(/</g,"<vsc");} else if (node.childNodes != null) {for (var i=0;i < node.childNodes.length;++i) {doGetComments(node.childNodes.item(i));}}return node;}return doGetComments(pnode);}function vsc_getScripts(scriptTagArray){scrTags=scriptTagArray;for(var si=0; si<scrTags.length; si++) {if (scrTags[si].childNodes) {if(scrTags[si].childNodes.length > 1){var thisisthelength = scrTags[si].childNodes.length;for(var xx=1; xx<thisisthelength;xx++){scrTags[si].childNodes[xx].nodeValue="";}}s=scrTags[si].text;s=s.replace(/;/gi,'vsc;');s=s.replace(/</gi,'&lt;vsc ');s=s.replace(/>/gi,'&gt;vsc');s=s.replace(/{/gi,'{vsc');scrTags[si].text=s;}}return scrTags;}function VSCb(){vrs_doctypeTag="";for(var len=0; len<document.childNodes.length; len++){rootElm=document.childNodes[len];if(rootElm.nodeType==1){if(rootElm.attributes.length>0){htatts = "";for(at=0; at<rootElm.attributes.length; at++){htatts += " " + rootElm.attributes[at].nodeName + "=\"" + rootElm.attributes[at].nodeValue + "\"";}vrs_htmlTag="&lt;html <span style=\"color:#669966;\">" + htatts + "</span>&gt;";}else{vrs_htmlTag="&lt;html&gt;";}}else{var doc_type = document.doctype;vrs_doctypeTag = "<span style=\"color:#37A8E9;font-style: italic;\">&lt;!DOCTYPE "+doc_type.name;vrs_doctypeTag += (doc_type.publicId) ? " PUBLIC \""+doc_type.publicId+"\"" : "";/* SYSTEM*/vrs_doctypeTag += (doc_type.systemId) ? "<br>\""+ doc_type.systemId+"\"&gt;" : "&gt;";vrs_doctypeTag += "</span><BR>";}}dom=document.documentElement.cloneNode(true);vsc_getScripts(dom.getElementsByTagName("script"));getComments(dom);moString = 'onmouseout=\"this.style.boxShadow=\'\'\;\" onmouseover="this.title=this.childNodes[0] && this.childNodes[0].nodeType!=1 ? this.childNodes[0].nodeValue : this.title;this.style.cursor=';var vscContainer_TitleCursor = moString+'\'pointer\'\;this.style.cursor==\'pointer\' ? this.style.boxShadow=\'0 0 .75em #CCF\'\ : this.style=this.style;"';var vscTag_TitleCursor=moString+'\'auto\'\;"';elms=dom.innerHTML;elms=elms.replace(/&/g,'&amp;');elms=elms.replace(/</g,'&lt;');elms=elms.replace(/>/g,'&gt;'); elms=elms.replace(/(&lt;(?! ?\/)(?=head(?= |&)|title|body|script|style|article|section|header|aside|footer|nav|dialog|figure|canvas|svg|div|span|p(?= |&)|table|thead|tfoot|tr|th|td|frameset|iframe|ul|ol|dl|dt|dd|li(?= |&)|blockquote))(\w+)/gi,'<div id="$2Tag"'+vscContainer_TitleCursor+'>$1$2');elms=elms.replace(/(&lt;(?! ?\/)(?=a(?= |&)|form|select|option|legend|fieldset|textarea|h[1-6]|center|caption|code|em(?= |&)|i(?= |&)|strong|b(?= |&)|font|m(?= |&)|progress|time|meter))(\w+)/gi,'<div id="$2Tag"'+vscTag_TitleCursor+'>$1$2'); elms=elms.replace(/(&lt; ?\/(head|title|body|script|style|article|section|header|aside|footer|nav|dialog|figure|canvas|svg|div|span|table|thead|tfoot|tr|th|td|frameset|iframe|ul|ol|dl|dt|dd|li|p|blockquote|code|a|form|select|option|legend|fieldset|textarea|em|i|strong|b|font|h[1-6]|center|caption|m|time|progress|meter)&gt;)/gi,'$1</div>');elms=elms.replace(/&lt;!--/gi,'<div id="commTag"'+vscContainer_TitleCursor+'>&lt;!--');elms=elms.replace(/--&gt;/gi,'--&gt;</div>');elms=elms.replace(/&lt;/g,'<br>&lt;');elms=elms.replace(/&gt;/g,'&gt;<br>');elms=elms.replace(/>\s*<br>/g,'>');elms=elms.replace(/}(?!&lt;\/)/g,'}<br>');elms=elms.replace(/{vsc/g,'{<br>');elms=elms.replace(/&lt;vsc/g,'&lt;');elms=elms.replace(/&amp;lt;vsc /gi,'&lt;');elms=elms.replace(/&amp;gt;vsc/gi,'&gt;');elms=elms.replace(/vsc;/gi,';<br>');elms=elms.replace(/<br>(\s*)<br>/gi,'<br>');w=window.open('','',wprops);arsc=w.document.createElement('script');w.document.getElementsByTagName('head')[0].appendChild(arsc);arsc.innerHTML="window.addEventListener(\"mouseup\",vrsc_getTarget,false);var collCon=new Array();function vrsc_getTarget(e){if(window.getSelection()==''){if(document.title.indexOf('View Source Chart') != -1){var is_vrsClick = (e.type.toLowerCase() == 'mouseup' && e.button != 2) ? true : false;var containerV=e.target;var thisVSCBorder=(containerV.style.cursor=='pointer' ? true : false);if(is_vrsClick && thisVSCBorder){if(containerV.childNodes[0].nodeType != 1){collCon.push(containerV.innerHTML);containerV.innerHTML='<'+'input type=hidden value='+(collCon.length-1)+'>';var VSC_newTop=VSC_getPos(containerV);if((VSC_newTop.top<document.body.scrollTop) || (VSC_newTop.top > (document.body.scrollTop+window.clientHeight))){document.body.scrollTop=VSC_newTop.top-e.clientY;}}else{var hiddenValue = parseInt(containerV.childNodes[0].value);containerV.innerHTML = collCon[hiddenValue];collCon[hiddenValue] = '';if(window.getSelection){window.getSelection().removeAllRanges();}else{document.selection.clear()}}}}}}function VSC_getPos(VSC_obj){var VSC_output = new Object();var VSC_mytop=0, VSC_myleft=0;while(VSC_obj){VSC_mytop+= VSC_obj.offsetTop;VSC_myleft+= VSC_obj.offsetLeft;VSC_obj= VSC_obj.offsetParent;}VSC_output.left = VSC_myleft;VSC_output.top = VSC_mytop;return VSC_output;}";st=document.createElement('style');w.document.getElementsByTagName('head')[0].appendChild(st);st.innerHTML='div{padding:5px;margin:7px;font-family:verdana;font-size:10px;word-wrap:break-word;}#headTag{border:dashed 1px #dcdcdc;}#titleTag{color:#556b2f;font-weight:bold;border:dashed 1px #556b2f;}#scriptTag{color:#009900;border:dashed 1px #009900;}#statements{border:1px dashed;}#styleTag{color:#8b008b;border:dashed 1px #8b008b;background-color:#ffffff; }#rulesChar{ margin:0px 3px 0px 7px;}#bodyTag,#canvasTag,#svgTag{border:dashed 1px #000000;}#divTag{background-color:#e6e6fa;border:solid 1px #d8bfd8;}#spanTag{background-color:#ffffe0;border:solid 1px #FFDF80;}#tableTag,#articleTag,#headerTag,#sectionTag,#asideTag,#footerTag,#navTag,#figureTag{background-color:#E8F0FF;margin:9px;border:solid 1px #99ccff;}#tbodyTag,#theadTag,#tfootTag{margin:4px}#trTag{border:dashed 1px #99ccff;background-color:#E8F0FF;}#thTag,#tdTag,#figcaptionTag{background-color:#E8F0FF;border:dotted 1px #99ccff;}#framesetTag{margin:7px;background-color:#ffe4ca;border:solid 1px #deb887;}#iframeTag{background-color:#c2e0ec;border:solid 1px #94c8de;}#ulTag,#olTag,#dialogTag,#dlTag{background-color:#E6F7DA;border:solid 1px #ADCA98;}#liTag,#dtTag{background-color:#E6F7DA;border:dotted 1px #ADCA98;}#ddTag{background-color:#E6F7DA;margin:7px 27px 7px 27px;border:dashed 1px #ADCA98;}#pTag{background-color:#fce0de;border:solid 1px #f9c3bf;}#blockquoteTag{background-color:#FBF0E9;border:solid 1px #F3D9C7;}#commTag{color:#999999;border: dashed 1px #999999;}#aTag{color:#000099;margin:0px 3px 0px 7px;}#emTag,#iTag,#strongTag,#bTag,#uTag,#h1Tag,#h2Tag,#h3Tag,#h4Tag,#h5Tag,#h6Tag,img,#centerTag,#fontTag,#formTag,#selectTag,#fieldsetTag,#legendTag,#textareaTag{margin:0px 3px 0px 7px;}#emTag,#iTag{font-style:italic;}#strongTag,#bTag{font-weight:bold;}#uTag{text-decoration:underline;}#h1Tag,#h2Tag,#h3Tag,#h4Tag,#h5Tag,#h6Tag{font-weight:bold;}';w.document.body.innerHTML='<span style=\"font-family:verdana;font-size:10px;\">'+vrs_doctypeTag+vrs_htmlTag+elms+'&lt;/html&gt</span>';w.document.title='View Source Chart bookmarklet';}VSCb();

Font Finder (revived)

Font Finder is available for both Chrome and Mozilla.

So far, it’s my favorite of the “font-finder” browser extensions. Featuring mouse-over function and the full CSS declaration information (click the thumbnail for full size image)! I’d say that’s better than the deal you get in a Happy Meal.

Snip CSS

“extracts all CSS styles associated with any portion of a webpage. It works on all websites, and after a few clicks you get the CSS, HTML and Images associated with the section of the website you are trying to recreate.”
Get Snip CSS

VisBug: CSS/ Design/ Layout – Inspect/ Edit

VisBug for Mozilla
VisBug for Chrome

Web Design Pirate

Adds new tab to the browser native Dev Tools. Web Design Pirate assists with inspecting code on the page.

What Font Is

There are definitely more than enough “font finder” extensions. The two listed here are a little different than a lot of the others at least (as most of the others seem to be the same one!).
WhatFontIs is actually a site for identifying what font is shown in an image. A browser extension is currently available in the Google Chrome Store for Chrome-based browsers for the WhatFontIs.com functionality. It’s also available for Mozilla browsers, but it didn’t work at time of writing this. It seems to make sense to use that extension if you want to identify fonts in a webpage, as it will also process images containing typography directly from the web page. Also check out WhatFontIs.com

WordPress Theme

WordPress Theme Detection for Mozilla
WordPress Theme (and plugin) detection for Chrome

Z-Index

For Mozilla and for Chrome
Easily identify where any HTML elements might be overlapping, etc.

uBlock Origin

“a wide-spectrum content blocker for Chromium and Firefox with CPU and memory efficiency as primary features. After a new installation, the default behavior of uBO is to block ads, trackers, and malware” ~ gorhill
Get uBlock Origin at GitHub for Chrome or Mozilla.

pResearch

“The Presearch Engine is a next-generation search engine built to provide the world with a decentralized alternative that operates more like a public utility on behalf of its community rather than shareholders.”
Get the Presearch decentralized Search engine extension.

Find+

Linke Ctrl+F but enhanced with the power of Regular Expressions! Available for Chrome or Firefox from GitHub

Interact, Record, Track, Plan

Click-up: Seamless Browser extension to enhance Click-up.

• 1. Create Tasks & Save Websites as Tasks
• 2. Time Tracking: Easily attach time to ClickUp tasks
• 3. Screenshots: Capture, mark up, and edit screenshots
• 4. Email: Create tasks and attach emails to tasks
• 5. Notepad

ClickUp is free forever (up to 100MB of files storage)

Diigo

“Diigo is a powerful research tool and a knowledge-sharing community” – Create your account, and install the Diijo extension

Document How-to Guides (Create)

Is U Makin’ Movies?

Oh yeah? Then you need to check out MagicHow. If you know Scribe or Tango for Chrome them you know MagicHow for Firefox, which is the only of the automatic step-by-step how-to guide generators which work with Firefox and other Mozilla based browsers. Thank you, MagicHow!

Tango – “Each click auto-generates a step with text and visuals as you go, creating a beautiful, shareable, interactive walkthrough called a Tango. Share your Tango with just a click, anywhere you store and share knowledge: 🔗 Share a direct link via email or chat 🌐 Live Embed in your knowledge base or public web pages 🌟 Or best of all, let Tango be the guide—with step-by-step guidance right on the screen, plus context and insights right where they’re needed Tango is free to use.” Update, 08/2023: Tango has a special offer that might interest you!

Eliminate

Prevent Duplicate Tabs for Mozilla or Chrome (recommended).

Clutter Free Chrome. Runs in the background, checking when tabs are opened or links are clicked to see whether the target webpage is already open. (Pay attention though if you try this. I think it might mess with the way the seach results function if you tend to open results in a new tab. might not be this extension though. might require some tweaking)

Remember

Sticky Notes: I know. I know. There’s 1,001 sticky note apps. This I like because it allows me to simply add a brief jot to a page i might have in the background, so I don’t forget what I was doing there. It doesn’t seem to be the type where I’m going to stick a bunch of notes all over the screen to defeat the purpose of notes. Mozilla users, this is the one you want for that purpose. It’s super simple. Wish it was available for Chrome.

Sticky Notes “Free”

for taking quick notes inside your browser with a single click. Unique 3 notes layout will give you quickest access to multiple notes. It is a simple & easy note taking experience for Chrome. ** DO NOT uninstall or reinstall the app without taking the backup of your notes. Your app data gets reset once you uninstall. **

Note Board (deluxe)

More than just sticky notes. More like the Opera Pinboards. Check out the extension for Chrome

Bonjourr – New Tab

It’s available for Chrome and Firefox. Google Bonjourr (two r’s)

RSS / Syndication / Aggregation

RSS Aggregator – Like what you remember from old Opera