{"id":9486,"date":"2020-02-19T13:57:48","date_gmt":"2020-02-19T18:57:48","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/blog\/?p=9486"},"modified":"2024-01-23T14:25:21","modified_gmt":"2024-01-23T19:25:21","slug":"5-must-have-browser-extensions","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/","title":{"rendered":"Top 5 Must-have Chrome Extensions for Developers and Designers"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"400\" src=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers.png\" alt=\"Top 5 Must-have Chrome Extensions for Developers and Designers\" class=\"wp-image-9488 skip_lazy\" srcset=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers.png 730w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers-300x164.png 300w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers-560x307.png 560w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p>\nEnterprise software seems to get more complicated every day. Larger systems require special training or the dispatch of special consultants. Meanwhile, smaller pieces of software often win the day. Smaller software, like browser extensions, can provide a lot of value even in a smaller package.  \n<\/p>\n\n<p>\nThe extensions represented here emphasize simplicity. They don&#8217;t promise a lot, but they deliver big-time on a specific, important action. \n<\/p>\n\n<div id=\"text-table-of-contents\">\n<ul>\n<li><a href=\"#wappalyzer\">Wappalyzer<\/a><\/li>\n<li><a href=\"#json\">JSON Formatter<\/a><\/li>\n<li><a href=\"#color\">Colorzilla<\/a><\/li>\n<li><a href=\"#text\">TextExpander<\/a><\/li>\n<li><a href=\"#clear\">Clear Cache<\/a><\/li>\n<\/ul>\n<\/div>\n\n<p>\nThese extensions provide a nice array of features that will appeal to developers and designers.\n<\/p>\n\n<div id=\"outline-container-org16552ee\" class=\"outline-2\">\n<h2 id=\"wappalyzer\">Wappalyzer<\/h2>\n<div class=\"outline-text-2\" id=\"text-wappalyzer\">\n<p>\nHave you ever visited a website and wondered what software was used to build it? Wappalyzer lets you find out right from the browser. \n<\/p>\n\n<p target=\"_blank\">\n<a href=\"https:\/\/chrome.google.com\/webstore\/detail\/wappalyzer\/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Wappalyzer<\/a> comes in handy for a variety of situations. Once you\u2019ve got it you\u2019ll wonder how you got along without it. Members of the InMotion support team use it to help customers find out what CMS they\u2019re using. If you\u2019re a web developer it\u2019s especially to see what kinds of frameworks are running behind a website.\n<\/p>\n\n<p>\nOnce you&#8217;ve installed Wappalyzer, you&#8217;ll see a small icon appear in your toolbar. For most sites, the form of this icon will be the CMS used by the site you&#8217;re visiting; because the CMS is often the most significant piece of software running behind the site. \n<\/p>\n\n<p>\nHowever, if the site you&#8217;re viewing is using a non-standard or custom-coded CMS, you will see whatever technologies Wappalyzer is able to identify\u2014from a JavaScript framework down to the actual web server and operating system running behind the scenes. Pretty impressive.\n<\/p>\n<\/div>\n<\/div>\n\n<div id=\"outline-container-orgbf83369\" class=\"outline-2\">\n<h2 id=\"json\">JSON Formatter<\/h2>\n<div class=\"outline-text-2\" id=\"text-json\">\n<p>\nIf you\u2019ve worked with JSON before, you likely remember a long, unreadable string of code from which to pull data. JSON is important, you can use it to pull out key data from websites\u2014usually via an API. \n<\/p>\n\n<p>\nBut JSON can be very difficult\u2014pretty much impossible\u2014to read on its own. That\u2019s why there are many tools to help format JSON in a more readable way. Nothing can strain the eyes quite like a long, unbroken string of text filling your widescreen monitor.\n<\/p>\n\n<p target=\"_blank\">\nFor this purpose, take a look at <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/json-formatter\/bcjindcccaagfpapjjmafapmmgkkhgoa?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">JSON Formatter<\/a>. It takes raw unformatted JSON and displays it in beautiful ordered objects, indented and colored for your visual pleasure.\n<\/p>\n<\/div>\n<\/div>\n\n<div id=\"outline-container-org9d84090\" class=\"outline-2\">\n<h2 id=\"color\">Colorzilla<\/h2>\n<div class=\"outline-text-2\" id=\"text-color\">\n<p>\nIf memorizing long HEX codes, or even longer RGB values, Colorzilla gives you a nice color dropped right in your browser. You can get color data for any element you see on screen. Then you can simply copy the values into your app. Color is critical when building a beautiful interface. \n<\/p>\n<\/div>\n<\/div>\n\n<div id=\"outline-container-orgf00f988\" class=\"outline-2\">\n<h2 id=\"text\">TextExpander<\/h2>\n<div class=\"outline-text-2\" id=\"text-text\">\n<p>\nWriting out the same text over and over again is one of the most tedious aspects of development. Likewise, remembering tedious syntax for a variety of languages (without obsessive googling) can prove more difficult than it seems. It\u2019s not enough to merely know one language these days. Most of the world\u2019s best developers are professional polyglots (speaking many languages).\n<\/p>\n\n<p>\nIt can be extremely helpful to have a texter: a tool that lets you hide long snippets of code into convenient byte-sized key commands.\n<\/p>\n\n<p target=\"_blank\">\nThere are many popular options. <a href=\"https:\/\/textexpander.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">TextExpander<\/a> works in the browser or on your desktop, whichever you prefer, and it allows for dynamic on-the-fly text such as dates or custom dropdown menus.\n<\/p>\n<\/div>\n<\/div>\n\n<div id=\"outline-container-org353a038\" class=\"outline-2\">\n<h2 id=\"clear\">Clear Cache<\/h2>\n<div class=\"outline-text-2\" id=\"text-clear\">\n<p>\nOne of the most annoying aspects of web development is working around caching. If you make changes to a page but don&#8217;t see your changes when you reload the page, caching is getting in the way of your work. Often, it&#8217;s necessary to completely empty your browser cache. But many browsers make it difficult to clear this cache because they want the majority of users to enjoy a fast browsing experience. Browser caching does make daily web surfing faster, but it can make a developer&#8217;s life much more difficult.\n<\/p>\n\n<p target=\"_blank\">\nThe <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/clear-cache\/cppjkneekbjaeellbfkmgnhonkkjfpdn?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Clear Cache<\/a> browser extension lets you empty the cache with one click. Again, simplicity for the win.\n<\/p>\n\n<hr>\n\n<p>\nThe best test for a browser extension, as you surely noted above, is being able to accomplish one simple task quickly and efficiently without a lot of extraneous details. Most of the software you&#8217;ll use every day is loaded with menus, buttons, icons, options, and plenty of knobs and dials you&#8217;ll never use. The simplicity of a small program is often forgotten in the rush for the bigger better newer killer app.\n<\/p>\n\n<p>\nPicking a good browser extension should remind you that sometimes less is more.\n<\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"jumbotron\" style=\"text-align:center;\">\r\n<p style=\"font-size: 20px;\"><strong>Scalable VPS Infrastructure, Fully Managed<\/strong><\/p>\r\n<p>When shared hosting can't handle your traffic, VPS delivers dedicated resources that scale with demand. Our team manages the technical complexity while you manage your business.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>NVMe Storage &nbsp;&nbsp; <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>High-Availability &nbsp;&nbsp; <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Ironclad Security &nbsp;&nbsp; <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Premium Support<\/p>\r\n<p><a class=\"btn btn-primary btn-lg\" href=\"https:\/\/www.inmotionhosting.com\/vps-hosting?mktgp=t&irgwc=1&affiliates=5001860&utm_campaign=Jumbotron&utm_source=blog&utm_medium=cta&utm_term=vps-cta2\">VPS Hosting<\/a><\/p>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Enterprise software seems to get more complicated every day. Larger systems require special training or the dispatch of special consultants. Meanwhile, smaller pieces of software often win the day. Smaller software, like browser extensions, can provide a lot of value even in a smaller package. The extensions represented here emphasize simplicity. They don&#8217;t promise a<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/\"> Read More ><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[37],"tags":[],"class_list":["post-9486","post","type-post","status-publish","format-standard","hentry","category-technology"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Top 5 Must-have Chrome Extensions for Developers and Designers<\/title>\n<meta name=\"description\" content=\"Make your work day easier with little helper browser extensions. Read on to find out which browser extensions we picked. (You may already have one.)\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 5 Must-have Chrome Extensions for Developers and Designers\" \/>\n<meta property=\"og:description\" content=\"Make your work day easier with little helper browser extensions. Read on to find out which browser extensions we picked. (You may already have one.)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-19T18:57:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-23T19:25:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@inmotionhosting\" \/>\n<meta name=\"twitter:site\" content=\"@inmotionhosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top 5 Must-have Chrome Extensions for Developers and Designers","description":"Make your work day easier with little helper browser extensions. Read on to find out which browser extensions we picked. (You may already have one.)","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/","og_locale":"en_US","og_type":"article","og_title":"Top 5 Must-have Chrome Extensions for Developers and Designers","og_description":"Make your work day easier with little helper browser extensions. Read on to find out which browser extensions we picked. (You may already have one.)","og_url":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/","og_site_name":"InMotion Hosting Blog","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting","article_published_time":"2020-02-19T18:57:48+00:00","article_modified_time":"2024-01-23T19:25:21+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers.png","type":"","width":"","height":""}],"author":"InMotion Hosting","twitter_card":"summary_large_image","twitter_creator":"@inmotionhosting","twitter_site":"@inmotionhosting","twitter_misc":{"Written by":"InMotion Hosting","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/"},"author":{"name":"InMotion Hosting","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/f21a89c83c7697a760c96cfe58e646bc"},"headline":"Top 5 Must-have Chrome Extensions for Developers and Designers","datePublished":"2020-02-19T18:57:48+00:00","dateModified":"2024-01-23T19:25:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/"},"wordCount":762,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers.png","articleSection":["Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/","url":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/","name":"Top 5 Must-have Chrome Extensions for Developers and Designers","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers.png","datePublished":"2020-02-19T18:57:48+00:00","dateModified":"2024-01-23T19:25:21+00:00","description":"Make your work day easier with little helper browser extensions. Read on to find out which browser extensions we picked. (You may already have one.)","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers.png","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2020\/02\/browser_extensions_for_developers.png","width":730,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/blog\/5-must-have-browser-extensions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Technology","item":"https:\/\/www.inmotionhosting.com\/blog\/technology\/"},{"@type":"ListItem","position":3,"name":"Top 5 Must-have Chrome Extensions for Developers and Designers"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/blog\/#website","url":"https:\/\/www.inmotionhosting.com\/blog\/","name":"InMotion Hosting Blog","description":"Web Hosting Strategy, Trends and Security","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","width":1630,"height":430,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting","https:\/\/x.com\/inmotionhosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/f21a89c83c7697a760c96cfe58e646bc","name":"InMotion Hosting","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/eb965eada0c0513dd2e1976b21fe270fa4f19ac273960fc080f9d46b81b353a4?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/eb965eada0c0513dd2e1976b21fe270fa4f19ac273960fc080f9d46b81b353a4?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb965eada0c0513dd2e1976b21fe270fa4f19ac273960fc080f9d46b81b353a4?s=96&r=g","caption":"InMotion Hosting"},"url":"https:\/\/www.inmotionhosting.com\/blog\/author\/imhmainadmin\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/9486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/comments?post=9486"}],"version-history":[{"count":6,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/9486\/revisions"}],"predecessor-version":[{"id":73004,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/9486\/revisions\/73004"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/media?parent=9486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/categories?post=9486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/tags?post=9486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}