{"id":334,"date":"2021-12-08T15:37:01","date_gmt":"2021-12-08T06:37:01","guid":{"rendered":"https:\/\/monji.tech\/blog\/?p=334"},"modified":"2023-04-25T13:15:59","modified_gmt":"2023-04-25T04:15:59","slug":"for-web-designers-website-creation-is-a-breeze-with-these-6-google-chrome-extensions","status":"publish","type":"post","link":"https:\/\/monji.tech\/blog\/design\/for-web-designers-website-creation-is-a-breeze-with-these-6-google-chrome-extensions\/","title":{"rendered":"For Web Designers! Website Creation is a Breeze with These 6 Google Chrome Extensions!"},"content":{"rendered":"<p>Web designers, are you using Google Chrome extensions?<br \/>\nDid you know that browser extensions can make website creation explosively more efficient?<\/p>\n<p>If you&#8217;re having trouble meeting your deadlines, you should definitely see if extensions can help increase your productivity.<\/p>\n<p>This week, we would like to introduce the some of our favorite extensions for web designers.<br \/>\nEven if you&#8217;re already using some extensions, we hope that we can introduce you to some new ones that will help you work more efficiently.<\/p>\n<h2>Our favorite Google Chrome Extensions<\/h2>\n<h3>Palette Creator<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-147\" src=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/Palette-Creator.jpg\" alt=\"Palette Creator\" width=\"640\" height=\"400\" srcset=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/Palette-Creator.jpg 640w, https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/Palette-Creator-300x188.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Right-click any photo on any website to generate a color palette based on that image<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/palette-creator\/iofmialeiddolmdlkbheakaefefkjokp\/related?hl=en\">Chrome Web Store<\/a><\/p>\n<h3>Dimensions<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-148\" src=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/Dimensions.png\" alt=\"Dimensions\" width=\"640\" height=\"400\" srcset=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/Dimensions.png 640w, https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/Dimensions-300x188.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Measure the distance between elements on a web page<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/dimensions\/baocaagndhipibgklemoalmkljaimfdj\/related?hl=en\">Chrome Web Store<\/a><\/p>\n<h3>Lightshot (screenshot tool)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-149\" src=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/Lightshot-screenshot-tool.jpg\" alt=\"Lightshot (screenshot tool)\" width=\"640\" height=\"400\" srcset=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/Lightshot-screenshot-tool.jpg 640w, https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/Lightshot-screenshot-tool-300x188.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Take screenshots and add text, callouts, and other notes<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lightshot-screenshot-tool\/mbniclmhobmnbdlbpiphghaielnnpgdp?hl=en\">Chrome Web Store<\/a><\/p>\n<h3>CSS Peeper<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-150\" src=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/CSS-Peeper.jpg\" alt=\"CSS Peeper\" width=\"640\" height=\"400\" srcset=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/CSS-Peeper.jpg 640w, https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/CSS-Peeper-300x188.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Check padding, margins, fonts, colors, widths, heights, and more simply by clicking on the elements of a website<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/css-peeper\/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en\">Chrome Web Store<\/a><\/p>\n<h3>WhatFont<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-151\" src=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/WhatFont.png\" alt=\"WhatFont\" width=\"640\" height=\"400\" srcset=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/WhatFont.png 640w, https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/WhatFont-300x188.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Effortlessly check the font-family of any text on a website<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/whatfont\/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en\">Chrome Web Store<\/a><\/p>\n<h3>WhatRuns<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-152\" src=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/WhatRuns.jpg\" alt=\"WhatRuns\" width=\"640\" height=\"400\" srcset=\"https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/WhatRuns.jpg 640w, https:\/\/monji.tech\/blog\/wp-content\/uploads\/2019\/04\/WhatRuns-300x188.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Find out what tools, frameworks, plugins, and libraries a website is using<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/whatruns\/cmkdbmfndkfgebldhnkbfhlneefdaaip?hl=en\">Chrome Web Store<\/a><\/p>\n<h2>What are your favorites?<\/h2>\n<p>Today we&#8217;ve introduced our 6 favorite Google Chrome extensions for web designers.<br \/>\nWere you already using some of these extensions? Are there any new ones that you&#8217;d like to try?<\/p>\n<p>Extensions install in seconds and are easy to start using right away, so we hope you&#8217;ll give some of these a try!<br \/>\nAs busy designers, every tool that can help us save time can help us make our web design life happier!<\/p>\n<p>And if you have any other recommendations for Google Chrome extensions, let us know on Twitter\u00a0<a href=\"https:\/\/twitter.com\/monji_tech_en\">@monji_tech_en<\/a>\u00a0or on Facebook <a href=\"https:\/\/www.facebook.com\/monji.tech.en\/\">@monji.tech.en<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web designers, are you using Google Chrome extensions? Did you know that browser extensions can make website c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-334","post","type-post","status-publish","format-standard","hentry","category-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/posts\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/comments?post=334"}],"version-history":[{"count":1,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/posts\/334\/revisions"}],"predecessor-version":[{"id":335,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/posts\/334\/revisions\/335"}],"wp:attachment":[{"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/media?parent=334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/categories?post=334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monji.tech\/blog\/wp-json\/wp\/v2\/tags?post=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}