{"id":21269,"date":"2019-07-22T10:42:17","date_gmt":"2019-07-22T10:42:17","guid":{"rendered":"https:\/\/www.heartinternet.uk\/blog\/?p=21269"},"modified":"2019-07-22T10:42:17","modified_gmt":"2019-07-22T10:42:17","slug":"10-creative-browser-extensions-you-didnt-know-you-need-in-your-life","status":"publish","type":"post","link":"https:\/\/www.heartinternet.uk\/blog\/10-creative-browser-extensions-you-didnt-know-you-need-in-your-life\/","title":{"rendered":"10 creative browser extensions you didn\u2019t know you need in your life"},"content":{"rendered":"<p>Whether you\u2019re a graphic designer, a web designer, a copywriter or any creative person toiling away at the coalface of the internet, you\u2019ll have your favourite browser add-ons and extensions that help you make it through a productive day.<\/p>\n<p>Depending on your needs, you probably spend more with Firefox and Chrome than you do with your loved ones. But that isn\u2019t a bad thing. After all, they are fabulously designed and packed with more sweet features than Willy Wonka\u2019s factory.<\/p>\n<p>Best of all? These browsers boast a huge library of add-ons to make your daily work life easier. And we\u2019re not just talking about the popular extensions, we\u2019re talking about the ones hiding in the crevices.<\/p>\n<p>So, here are 10 browser extensions that may have passed you by, but which we think you\u2019ll find essential!<\/p>\n<h2><strong>1. Axe <\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/axe-devtools\/\">Firefox<\/a> &amp; <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/axe\/lhdoppojpmngadmnindnejefpokejbdd\">Chrome<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21273\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/1.Axe-Creative-Browser-Extension.jpg\" alt=\"\" width=\"1000\" height=\"569\" \/><\/p>\n<p>Improving accessibility and encouraging inclusiveness is a crucial part of the web design process. This tool highlights accessibility defects on your website, so you know exactly what problems to fix, and how to fix them.<\/p>\n<ul>\n<li>It works on all modern browsers.<\/li>\n<li>It has zero false positives.<\/li>\n<li>It is highly configurable<\/li>\n<\/ul>\n<h2><strong>2. BuiltWith <\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/builtwith\/\">Firefox<\/a> &amp; <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/builtwith-technology-prof\/dapjbgnjinbpoindlpdmhochffioedbn\">Chrome<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21276\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2.BuiltWith-Creative-Browser-Extensions.png\" alt=\"\" width=\"1000\" height=\"559\" \/><\/p>\n<p>If you\u2019re inspired by a website and want to know more about who made it and how it works &#8211; BuiltWith\u2019s website profiler tool lets you know. It returns all the technologies it can find on the page.<\/p>\n<p>This can also be useful in providing sales intelligence and even leads to your sales team.<\/p>\n<h2><strong>3. Evernote Web Clipper <\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/evernote-web-clipper\/\">Firefox<\/a> and <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/evernote-web-clipper\/pioclpoplcdbaefihamjohnefbikjilc?hl=en\">Chrome<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21279\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/3.EverNote-Creative-Browser-Extensions.png\" alt=\"\" width=\"1008\" height=\"559\" \/><\/p>\n<p>The researcher\u2019s best buddy. The Evernote extension allows you to grab things you see on the web and tuck them safely away in your Evernote account &#8211; where you can look at them later, on any device.<\/p>\n<ul>\n<li>Evernote Web Clipper allows you to clip any webpage, obviously.<\/li>\n<li>Then you can highlight the important parts.<\/li>\n<li>Add your own notations.<\/li>\n<\/ul>\n<h2><strong>4. Font Finder <\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/font-inspect\/\">Firefox<\/a> &amp; <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/font-finder\/bhiichidigehdgphoambhjbekalahgha\">Chrome<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21281\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/4.Font-Finder-Creative-Browser-Extensions.png\" alt=\"\" width=\"1008\" height=\"589\" \/><\/p>\n<p>FontFinder has 3 key functions:<\/p>\n<ul>\n<li>Analysing any font on a page.<\/li>\n<li>Copying info to the clipboard.<\/li>\n<li>Adjusting the font options<\/li>\n<\/ul>\n<p>It will report on the font\u2019s colour (in rgb and hex), its family, measurements, and anything a designer might need to track down a font and make best use of it.<\/p>\n<h2><strong>5. Project Naptha <\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/project-naptha\/molncoemjfmpgdkbdlbjmhlcgniigdnf\">Chrome<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21282\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/5.Project-Naptha-Creative-Browser-Extensions.png\" alt=\"\" width=\"1008\" height=\"567\" \/><\/p>\n<p>Project Naptha allows you to search, highlight, then copy and paste &#8211; and even edit and translate &#8211; the text formerly trapped within an image.<\/p>\n<p>Free up the text trapped in comics, scans, photographs, posters, charts, diagrams, screenshots and memes.<\/p>\n<h2><strong>6. SEOQuake <\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/seoquake-seo-extension\/\">Firefox<\/a> and <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/seoquake\/akdgnmcogleenhbclghghlkkdndkjdjc\">Chrome<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21284\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/6.SEOQuake-Creative-Browser-Extensions.png\" alt=\"\" width=\"1008\" height=\"468\" \/><\/p>\n<p>SEOquake offers a suite of key SEO metrics and useful tools.<\/p>\n<p>SEOquake allows you to:<\/p>\n<ul>\n<li>Review all major metrics in no time.<\/li>\n<li>Get a thorough SERPs analysis.<\/li>\n<li>Estimate keyword density.<\/li>\n<\/ul>\n<p>And much, much more.<\/p>\n<h2><strong>7. Sizzy<\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/sizzy\/nfhlbmjiiogoelaflfclodlkncbdiefo\">Chrome<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21292\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/7.FireShot-Creative-Browser-Extension-1.png\" alt=\"\" width=\"3544\" height=\"3099\" \/><\/p>\n<p>If you\u2019re always dealing with the thorny issue of making your websites fully responsive &#8211; Sizzy allows you to check it in a range of configurations.<\/p>\n<ul>\n<li>Preview your url on multiple devices at once.<\/li>\n<li>Filter the devices.<\/li>\n<li>Zoom in and out.<\/li>\n<\/ul>\n<p>All at the touch of a button.<\/p>\n<h2><strong>8. Toby <\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/toby-for-chrome\/hddnkoipeenegfoeaoibdmnaalmgkpip\">Chrome<\/a>.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/J3tfdcwb5U4\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>If you\u2019re one of those people who finds they have dozens of tabs open &#8211; this extension could benefit you &#8211; whether you\u2019re a creative, a designer or an accountant. It allows you to drag and drop your browser tabs into collections. It could save you hours of hunting through unsorted bookmarks and tabs.<\/p>\n<h2><strong>9. Web Developer <\/strong><strong>creative browser extension<\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/web-developer\/\">Firefox<\/a> and <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-developer\/bfbameneiokkgbdmiekhjnmfkcnldhhm\">Chrome<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21288\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/9.Web-Developer-Creative-Browser-Extension.png\" alt=\"\" width=\"1008\" height=\"648\" \/><\/p>\n<p>Although it hasn\u2019t been updated for nearly two years, this is a tool that has over a million users, making it one of the most essential extensions available.<\/p>\n<p>The extension adds a toolbar button to your browser, which then offers you instant access to a range of web developer tools.<\/p>\n<h2><strong>10. Word Count Tool <\/strong><\/h2>\n<p>Available from <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/word-count-tool\/\">Firefox<\/a>, &amp; <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/word-count-tool\/ibjgdahgcdkpdlbkadidojhfddflblcm\">Chrome<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21291 aligncenter\" src=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/10.Word-Count-Tool-Creative-Browser-Extension.png\" alt=\"\" width=\"1008\" height=\"555\" \/><\/p>\n<p>This does far more than just count your words for you &#8211; though that\u2019s useful enough. The report will also measure:<\/p>\n<ul>\n<li>Longest word.<\/li>\n<li>Longest sentence.<\/li>\n<li>Estimated reading time.<\/li>\n<li>Several different measures of readability level.<\/li>\n<\/ul>\n<h2>Share the pro tips<\/h2>\n<p>These are the extensions that float our proverbial boats. Try them out and let us know what you think.<\/p>\n<p>Also &#8211; you doubtless have your own preferred extensions &#8211; the things that make your browser your own, that you probably couldn\u2019t do your job without.<\/p>\n<p>So, let\u2019s spread the word &#8211; share some best practice.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discover ten browser extensions that will help make your working life easier.<\/p>\n","protected":false},"author":2,"featured_media":21295,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"class_list":["post-21269","post","type-post","status-publish","format-standard","has-post-thumbnail","category-web-design"],"_links":{"self":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/21269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/comments?post=21269"}],"version-history":[{"count":0,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/21269\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media\/21295"}],"wp:attachment":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media?parent=21269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/categories?post=21269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/tags?post=21269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}