{"id":9541,"date":"2019-04-22T21:31:23","date_gmt":"2019-04-22T13:31:23","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=9541"},"modified":"2021-06-21T19:00:42","modified_gmt":"2021-06-21T11:00:42","slug":"google-chrome-extensions-designers","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/","title":{"rendered":"30+ Useful Chrome Extensions for Web Designers"},"content":{"rendered":"<p>I love <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.google.com\/chrome\">Google Chrome<\/a>. Its simplicity, speed and performance are undoubtedly top-notch. But sometimes, being too simple can also be a problem, especially for us web designers who rely heavily on add-ons. I walked away from Chrome back in 2008 just because it had no addon .<\/p>\n<p>But now things have changed at the Chrome side as there are so many <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/extensions\/\">Chrome Extensions<\/a> being created every day that are similar in function to <a href=\"https:\/\/www.hongkiat.com\/blog\/50-time-saving-firefox-add-ons\/\">Firefox add-ons<\/a>. From <a href=\"https:\/\/www.hongkiat.com\/blog\/chrome-extensions-for-youtube-creators\/\">video creators<\/a> to productivity enthusiasts, there\u2019s an extension for everything and everyone.<\/p>\n<p>So, I dug into those extensions and through my personal experience picked up <strong>40 extensions that can be very helpful for web designers<\/strong> to share with you guys. Take a look at the following list to gear your up Chrome and boost your productivity.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/google-chrome-security-extensions\/\" class=\"ref-block__link\" title=\"Read More: 10 Must-have Chrome Security Extensions\" rel=\"bookmark\"><span class=\"screen-reader-text\">10 Must-have Chrome Security Extensions<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/google-chrome-security-extensions.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-30249 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/google-chrome-security-extensions.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">10 Must-have Chrome Security Extensions<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tFrom managing tabs to increasing productivity, Chrome has a whole bunch of handy extensions to empower the user....\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/palette\/kmmpbmjeppjohallgjmlbioblppgoikg\">Chrome Palette<\/a><\/h3>\n<p>Having a headache finding the right color scheme from an image? Chrome palette solves your problem efficiently by <strong>creating up to 64 color palettes from a website\u2019s image<\/strong> for your design or inspiration needs.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/1-Chrome-Palette.jpg?newedit\" alt=\"Chrome Palette\" width=\"800\" height=\"496\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/font-changer-with-google\/jgjhhoglgjdklldfgoffdiaceffijeke?hl=en\">Font Editor<\/a><\/h3>\n<p>No more guessing and tiring program switching, Font Editor allows you to <strong>modify and observe font settings<\/strong> like size, line height, and variant lively.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/2-Font-Editor.jpg?newedit\" alt=\"Font Editor\" width=\"800\" height=\"479\"><\/figure>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-2\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/font-swap-chrome-extension\/\" class=\"ref-block__link\" title=\"Read More: Change Fonts on Any Websites with This Chrome Extension\" rel=\"bookmark\"><span class=\"screen-reader-text\">Change Fonts on Any Websites with This Chrome Extension<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/font-swap-chrome-extension.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-38159 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/font-swap-chrome-extension.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Change Fonts on Any Websites with This Chrome Extension<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tEver wanted to see how a different font might look on a website? Using the Font Swap extension,...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/google-font-previewer-for\/engndlnldodigdjamndkplafgmkkencc\">Google Font Previewer<\/a><\/h3>\n<p>As specified in its name, this extension allows you to <strong>preview fonts from Google Font Directory<\/strong> with text styling options which are size, style, weight, and shadows. If you want to use a particular font, you can copy and paste the link and the CSS code provided in the extension to your website\u2019s code.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/3-Google-Font-Previewer.jpg?newedit\" alt=\"Google Font Previewer\" width=\"800\" height=\"500\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-developer\/bfbameneiokkgbdmiekhjnmfkcnldhhm\">Web Developer<\/a><\/h3>\n<p>A must-have extension for web designer and developers, Web Developer aims to <strong>provide every piece of information you need from an existing website<\/strong>. The extension is also armed with useful tools like color picker, window resizer, validator, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/4-Web-Developer.jpg?newedit\" alt=\"Web Developer\" width=\"800\" height=\"500\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/stylebot\/oiaejidbmkiecgbjeifoejpgmdaleoha\">Stylebot<\/a><\/h3>\n<p>Stylebot grants you the ability to <strong>style any website directly without touching CSS code<\/strong>, which saves a lot of typing work. The best feature of this extension is probably its ability to generate CSS code for your use every time you make a change to the website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/5-Stylebot.jpg?newedit\" alt=\"Stylebot\" width=\"800\" height=\"498\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/cssviewer\/ggfgijbpiheegefliciemofobhmofgce\">CSSViewer<\/a><\/h3>\n<p>Tired of pushing \u2018Inspect Element\u2019 every time you want to know what CSS style is applied to a certain element? CSS Viewer helps you by displaying essential information such as <strong>font, color, and positioning of the element<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/6-CSSViewer.jpg?newedit\" alt=\"CSSViewer\" width=\"800\" height=\"508\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/builtwith-technology-prof\/dapjbgnjinbpoindlpdmhochffioedbn\">BuiltWith Technology Profiler<\/a><\/h3>\n<p>The coolest part of this extension is that it lists out every implemented web technology such as frameworks and web standard with very detailed information.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/7-BuiltWith-Technology-Profiler.jpg?newedit\" alt=\" BuiltWith Technology Profiler\" width=\"800\" height=\"501\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/ie-tab\/hehijbfgiekmjfkfjpbkbammjbdenadd?hl=en\">IE Tab Multi<\/a><\/h3>\n<p>An extension similar to the original Internet Explorer, IE Tab Multi is your I<strong>nternet Explorer within Chrome<\/strong> which supports tons of IE\u2019s default features like multi-tabbing.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/8-IE-Tab-Multi.jpg?newedit\" alt=\"IE Tab Multi\" width=\"800\" height=\"499\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/window-resizer\/kkelicaakdanhinjdeammmilcgefonfh\">Window Resizer<\/a><\/h3>\n<p>With Window Resizer, you can <strong>test your website\u2019s screen resolution compatibility<\/strong> with a standard or user-defined screen resolutions.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/9-Window-Resizer.jpg?newedit\" alt=\"Window Resizer\" width=\"800\" height=\"496\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/cgndfbhngibokieehnjhbjkkhbfmhojo\">HTML Validator<\/a><\/h3>\n<p>One of the best validator extension that can <strong>validate HTML code of online or localhost web page<\/strong> in either auto or manual mode. You can also choose to show the validation result in the web page or view it in a completely new tab.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/10-HTML-Validator.jpg?newedit\" alt=\"HTML Validator\" width=\"800\" height=\"498\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/sight\/epmaefhielclhlnmjofcdapbeepkmggh\">Sight<\/a><\/h3>\n<p>With various themes and font options, Sight highlights the source code of the website into a more visually comfortable form.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/11-Sight.jpg?newedit\" alt=\"Sight\" width=\"800\" height=\"497\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/nfhmhhlpfleoednkpnnnkolmclajemef\">PHP Console<\/a><\/h3>\n<p>Being bugged by PHP errors but don\u2019t know what and where it is? PHP Console assists you by <strong>displaying errors, exceptions and debugging messages<\/strong> in notification form.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/12-PHP-Console.jpg?newedit\" alt=\"PHP Console\" width=\"800\" height=\"499\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/quick-search-on-jquery-ap\/lhepakdjpgdeencpjhnjgheafmnhjolg?hl=en\">jQuery API Search<\/a><\/h3>\n<p>While jQuery has proven itself to be the leading Javascript library that improves user experience, jQuery API Search allows you to <strong>search through jQuery API from Chrome Omnibox<\/strong>. Just type \u2018jq\u2019 followed by a space in omnibox, then you are on the go.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/13-jQuery-API-Search.jpg?newedit\" alt=\"Stay Focused\" width=\"800\" height=\"502\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/stayfocusd\/laankejkbhbdhmipfmgcngdelahlfoji\">Stay Focused<\/a><\/h3>\n<p>Stay Focused acts as your <strong>virtual supervisor that blocks time-wasting websites<\/strong> for a specified time, and advises you when you try to unblock or decrease the blocking time for the site. It\u2019s also armed with crucial features like nuclear option and challenge mode which kills your time wasting desire in a merciless manner.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/14-Stay-Focused.jpg?newedit\" alt=\"Stay Focused\" width=\"800\" height=\"502\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/popchrom\/iinhokidgfoomcighckbjmlcndbjmomp\">PopChrom<\/a><\/h3>\n<p>With PopChrom, you can <strong>define your own shortcuts for text phrases<\/strong>, such as \u2018ty\u2019 for \u2018thank you\u2019. The activation key is needed to transform the abbreviation into the defined text phrases, so choose a key combination that does not clash with other shortcut keys.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/15-PopChrom.jpg?newedit\" alt=\"PopChrom\" width=\"800\" height=\"500\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/todoist-for-chrome\/jldhpllghnbhlbpcmnajkpdmadaolakh\">Todoist<\/a><\/h3>\n<p>With an easy-to-setup account, you can use this <strong>task manager to jot down and edit every task you need to complete<\/strong>. The best part of this extension is your tasks are stored online so you can access the task record anywhere with this extension installed.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/16-Todoist.jpg?newedit\" alt=\"Todoist\" width=\"800\" height=\"497\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/about-chrome-page-list\/jmjhfnknadodnkbgoahbconhpboioofh\">Chrome Page Extended<\/a><\/h3>\n<p>Nobody loves to click more to access a certain page, Chrome Page Extended is your fastest shortcut to access all necessary Chrome page like Extensions.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/17-Chrome-Page-Extended.jpg?newedit\" alt=\"Chrome Page Extended\" width=\"800\" height=\"505\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/appjump-app-launcher-and\/hccbinpobnjcpckmcfngmdpnbnjpmcbd\">AppJump<\/a><\/h3>\n<p>With AppJump, you can organize and quickly <strong>launch Chrome applications from the browser toolbar<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/18-AppJump.jpg?newedit\" alt=\"AppJump\" width=\"800\" height=\"499\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/bookmarks-bar-switcher\/lcaelgondnfehcambmdhhfokjknhfahc?hl=en\">Bookmark Bar Switcher<\/a><\/h3>\n<p>Too many bookmarks and you cannot organize them efficiently? Boorkmark Bar Switcher allows you to <strong>create a brand new bookmark bar<\/strong> and switch between them easily.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/19-Bookmark-Bar-Switcher.jpg?newedit\" alt=\"Bookmark Bar Switcher\" width=\"800\" height=\"503\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/tabcloud\/npecfdijgoblfcgagoijgmgejmcpnhof\">TabCloud<\/a><\/h3>\n<p>Save your windows sessions and restore them later on any computer with TabCloud, which saves you a lot of time spent in re-opening different websites from a different part of the bookmark folder.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/20-TabCloud.jpg?newedit\" alt=\"TabCloud\" width=\"800\" height=\"499\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/google-similar-pages\/pjnfggphgdjblhfjaphkjhfpiiekbbej\">Similar Pages<\/a><\/h3>\n<p>Developed by search engine giant Google, Similar Pages searches the web for <strong>similar web content that you are reading<\/strong> and may be interested in knowing more about.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/21-Similar-Pages.jpg?newedit\" alt=\"Similar Pages\" width=\"800\" height=\"502\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/awesome-screenshot-and-sc\/nlipoenfbbikpbjkfpfillcgkoblgpmj?hl=en-US=en\">Awesome Screenshot<\/a><\/h3>\n<p>A totally awesome <strong>screenshot extension<\/strong> that captures any part of the website and <strong>annotates it with rectangles, circles, arrows, lines<\/strong>, and text. You can then export the screenshot in PNG file format to your computer or web.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/22-Awesome-Screenshot.jpg?newedit\" alt=\"Awesome Screenshot\" width=\"800\" height=\"501\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/evernote-web-clipper\/pioclpoplcdbaefihamjohnefbikjilc\">Clip to Evernote<\/a><\/h3>\n<p>Official extension by Evernote to <strong>save anything that you may find interesting on the web and then upload<\/strong> it to Evernote. The extension also supports the feature to search and synchronize your saved note.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/23-Clip-to-Evernote.jpg?newedit\" alt=\"Clip to Evernote\" width=\"800\" height=\"500\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/diigo-web-collector-captu\/pnhplgjpclknigjpccbcnmicgcieojbh?hl=en\">Diigo<\/a><\/h3>\n<p>Use Diigo to highlight, <strong>annotate or post sticky notes privately or publicly to a web page<\/strong> so you can view it on anytime you reach to the web page.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/24-Diigo.jpg?newedit\" alt=\"Diigo\" width=\"800\" height=\"496\"><\/figure>\n<h3><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/hjfiaafenmihckkohhbbehlimaldghle\">Thinkery<\/a><\/h3>\n<p>Think Thinkery as your online brain, then save your link address and text selection into it for viewing later.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/25-thinkery.jpg?newedit\" alt=\"thinkery\" width=\"800\" height=\"493\"><\/figure>\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/css-feature-toggles\/aeinmfddnniiloadoappmdnffcbffnjg\">CSS Feature Toggles<\/a><\/h3>\n<p>You can use this extension to turn off and then turn back on some CSS features. It\u2019s a handy extension to test your site when certain CSS features are not available.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/css-features-toggles.jpg?newedit\" alt=\"CSS Features Toggle option in Chrome DevTools\" width=\"800\" height=\"500\"><\/figure>\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/json-formatter\/bcjindcccaagfpapjjmafapmmgkkhgoa\">JSON Formatter<\/a><\/h3>\n<p>An extension that will format <strong>JSON data output of a URL into proper formatting<\/strong> and color highlighting. It makes it a lot easier to read and debug JSON right from Chrome.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/json-formatter.jpg?newedit\" alt=\"JSON data with colors in Hongkiat.com\" width=\"800\" height=\"500\"><\/figure>\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/user-javascript-and-css\/nbhcbdghjpllgmfilhnhkllmkecfmpld\">User JavaScript and CSS<\/a><\/h3>\n<p>This extension allows you to write a <strong>customize JavaScript and CSS code from Chrome<\/strong> and apply to websites or specific URLs. You can also load popular libraries like jQuery, or others by specifying their URLs.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/user-css-js.jpg?newedit\" alt=\"User JavaScript and CSS editor\" width=\"800\" height=\"500\"><\/figure>\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/axe-devtools-web-accessib\/lhdoppojpmngadmnindnejefpokejbdd\">Axe<\/a><\/h3>\n<p>A utility extension that can <strong>identify Accessibility violations<\/strong> on your website as well as provide recommendations on how to solve it.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/axe.jpg?newedit\" alt=\"Axe tab in Chrome DevTools contain with error notice and recommendation.\" width=\"800\" height=\"500\"><\/figure>\n<p class=\"note\"><strong>Read Also:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/web-accessibility-design-guide\/\">Designer\u2019s Guide to the Basics of Web Accessibility Design<\/a><\/p>\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/visbug\/cdockenadnadldjbbgcallicgledbeoc\">VisBug<\/a><\/h3>\n<p>This extension offers <a href=\"https:\/\/devdocs.io\/dom\/document\/designmode\" target=\"_blank\" rel=\"noopener noreferrer\">the browser native design mode<\/a>, among other things, which will allow you to <strong>edit a site text, padding, and color<\/strong> directly on the screen.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/visbug.jpg?newedit\" alt=\"Visbug editor overlay in Hongkiat.com\" width=\"800\" height=\"470\"><\/figure>\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/palettes-tab\/monbbbemnbnemmglimfodaomdonmjihp\">PalletesTab<\/a><\/h3>\n<p>Finding color inspiration is now easier. This extension will <strong>add curated color compositions<\/strong> from TrendyPalettes.com right in the browser tab.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/palettes-tab.jpg?newedit\" alt=\"\" width=\"800\" height=\"456\"><\/figure>\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/css-peeper\/mbnbehikldjhnfehhnaidhjhoofhpehk\">CSS Peeps<\/a><\/h3>\n<p>Use this extension to <strong>inspect CSS on a website more conveniently<\/strong>. As you hover over the website, it\u2019ll display things like font-family, colors, text-align, and the box-model on the floating box as shown below.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/css-peeps.jpg?newedit\" alt=\"\" width=\"800\" height=\"456\"><\/figure>\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/refined-github\/hlepfoohegkhhmjieoechaddaejaokhf\">Refined Github<\/a><\/h3>\n<p>This makes Github so much better to use. This extension improves awkward spacing, and layouts and adds some conveniences when using Github.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/github-refined.jpg?newedit\" alt=\"\" width=\"800\" height=\"456\"><\/figure>\n<h3><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/github-isometric-contribu\/mjoedlfflcchnleknnceiplgaeoegien\">Isometric Contributions<\/a><\/h3>\n<p>This extension makes your Github viewing 100% cooler by <strong>turning the contribution tiles into 3D<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/isometric-contributions.jpg?newedit\" alt=\"\" width=\"800\" height=\"456\"><\/figure>\n<h2>Reflection<\/h2>\n<p>As Chrome extensions and applications continue to grow and evolve wildly, it\u2019s possible that more and more Firefox lover will embrace Google Chrome as their default web browser. With that being said, will you turn your face to Google Chrome with its current number of extensions and applications? What\u2019s the extension, application or feature that will motivate you to move to Google Chrome?<\/p>\n<p>Also, do share to us if you have nice extension in your Chrome, there\u2019s always a space for great tool!<\/p>","protected":false},"excerpt":{"rendered":"<p>A list of most handy Chrome extensions specifically for web designers and developers.<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[1258,2998,37,510],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Useful Google Chrome Extensions for Web Designers<\/title>\n<meta name=\"description\" content=\"A list of most handy Chrome extensions specifically for web designers and developers.\" \/>\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.hongkiat.com\/blog\/google-chrome-extensions-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"30+ Useful Chrome Extensions for Web Designers\" \/>\n<meta property=\"og:description\" content=\"A list of most handy Chrome extensions specifically for web designers and developers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-22T13:31:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-21T11:00:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/1-Chrome-Palette.jpg?newedit\" \/>\n<meta name=\"author\" content=\"Alvaris Falcon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alvaris Falcon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/\"},\"author\":{\"name\":\"Alvaris Falcon\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/110548906de9455e25024dbfbc9156d1\"},\"headline\":\"30+ Useful Chrome Extensions for Web Designers\",\"datePublished\":\"2019-04-22T13:31:23+00:00\",\"dateModified\":\"2021-06-21T11:00:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/\"},\"wordCount\":1364,\"commentCount\":53,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/google-chrome-extensions-designers\\\/1-Chrome-Palette.jpg?newedit\",\"keywords\":[\"Chrome\",\"Chrome Extensions\",\"Google\",\"Web Designers\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/\",\"name\":\"Useful Google Chrome Extensions for Web Designers\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/google-chrome-extensions-designers\\\/1-Chrome-Palette.jpg?newedit\",\"datePublished\":\"2019-04-22T13:31:23+00:00\",\"dateModified\":\"2021-06-21T11:00:42+00:00\",\"description\":\"A list of most handy Chrome extensions specifically for web designers and developers.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/google-chrome-extensions-designers\\\/1-Chrome-Palette.jpg?newedit\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/google-chrome-extensions-designers\\\/1-Chrome-Palette.jpg?newedit\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/google-chrome-extensions-designers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"30+ Useful Chrome Extensions for Web Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/110548906de9455e25024dbfbc9156d1\",\"name\":\"Alvaris Falcon\",\"description\":\"Alvaris is a web designer, developer and staff writer for Hongkiat.com.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/alvaris\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Useful Google Chrome Extensions for Web Designers","description":"A list of most handy Chrome extensions specifically for web designers and developers.","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.hongkiat.com\/blog\/google-chrome-extensions-designers\/","og_locale":"en_US","og_type":"article","og_title":"30+ Useful Chrome Extensions for Web Designers","og_description":"A list of most handy Chrome extensions specifically for web designers and developers.","og_url":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2019-04-22T13:31:23+00:00","article_modified_time":"2021-06-21T11:00:42+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/1-Chrome-Palette.jpg?newedit","type":"","width":"","height":""}],"author":"Alvaris Falcon","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Alvaris Falcon","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/"},"author":{"name":"Alvaris Falcon","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/110548906de9455e25024dbfbc9156d1"},"headline":"30+ Useful Chrome Extensions for Web Designers","datePublished":"2019-04-22T13:31:23+00:00","dateModified":"2021-06-21T11:00:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/"},"wordCount":1364,"commentCount":53,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/1-Chrome-Palette.jpg?newedit","keywords":["Chrome","Chrome Extensions","Google","Web Designers"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/","url":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/","name":"Useful Google Chrome Extensions for Web Designers","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/1-Chrome-Palette.jpg?newedit","datePublished":"2019-04-22T13:31:23+00:00","dateModified":"2021-06-21T11:00:42+00:00","description":"A list of most handy Chrome extensions specifically for web designers and developers.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/1-Chrome-Palette.jpg?newedit","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/google-chrome-extensions-designers\/1-Chrome-Palette.jpg?newedit"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/google-chrome-extensions-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"30+ Useful Chrome Extensions for Web Designers"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/110548906de9455e25024dbfbc9156d1","name":"Alvaris Falcon","description":"Alvaris is a web designer, developer and staff writer for Hongkiat.com.","url":"https:\/\/www.hongkiat.com\/blog\/author\/alvaris\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-2tT","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/9541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=9541"}],"version-history":[{"count":5,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/9541\/revisions"}],"predecessor-version":[{"id":55616,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/9541\/revisions\/55616"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=9541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=9541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=9541"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=9541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}