There are many extensions for design on the Chrome browser, which help launch websites, redesign, tweak layouts and overall experience. In this article, let‘s take a look at web design extensions from the Google Chrome web store.

Tools will assist in finding the right font, developing color palettes, discovering and creating inspiring images, customizing graphics, measuring elements, and analyzing pages.

Chrome extensions for web design

1. Pixlr Editor is a browser photo editor for complete control over the quality of your images, including layers and effects. It contains advanced features commonly found in graphic design applications on PCs, such as layers, Lasso tools, brush controls, cloning, and filters.

Utility links:Pixlr Editor for Chrome

2. ColorZilla is a utility that allows you to read colors from any point in the browser. Adjust the colors, and then paste it into another program, CSS gradient creation feature, palette viewer with 7 pre-installed color palettes, etc.

Utility links:ColorZilla for Chrome

3. Palette Creator Allows you to create a color palette from any image for further use in the creation process. Just right-click on the image and select the option of Palette Creator.

Utility links:Palette Creator for Chrome

4. WhatFont isthe simplest utility to recognize fonts on web pages. It will quickly get information about the font of the text that you are hovering your mouse on. However, WhatFont does not detect the fonts in the photos.

Utility links:WhatFont for Chrome

5. Font Changer allows users to change the font on any website to one of 500 choices from Google Web Fonts. You can set one font for all web pages or a special font for specific ones.

Utility links:Font Changer for Chrome

6. Evernote Web Clipper helps you save interesting information and images on the web to your Evernote account. It will save any web page you want, emphasize the most important ones, annotate, take screenshots and have access to content whenever and wherever you need it.

Utility links:Evernote Web Clipper for Chrome

7. Amino is a direct CSS editor for writing persistent user style sheets. It allows saving and synchronizing custom styles to your Google account; access them from multiple computers; customize page appearance and fix rendering errors.

Utility links:Amino for Chrome

8. Stylebot allows you to manipulate the appearance of web pages with custom CSS. You can select an element and select the changes you want to make from the editor such as changing fonts, colors, margins, visibility, etc.

Extension link: Stylebot for Chrome

9. EnjoyCSS is a free online CSS3 generator that allows adjusting graphic styles quickly, without coding. You can perform two- and three-dimensional transformations, complex transitions, linear and radial gradients, text shadows, etc.

Utility links:EnjoyCSS for Chrome

9.CSS Shapes Editor is an interactive editor for creating and adjusting CSS shape values for a selected element.

Utility links:CSS Shapes Editor for Chrome

10. Dimensions is a tool for measuring items on a screen, such as area boundaries, images, input fields, buttons, videos, text, and icons. It can also measure mockups.

Utility links:Dimensions for Chrome

11. Eye Droppper is an extension section for picking colors from your website, color picker, or color history.

Utility links:Eye Droppper for Chrome

12. Minimalist Markdown Editor is a simple, handy Markdown editor. Just write the Markdown text and double-check as you type. In addition, the utility also supports one-click HTML conversion, continuous tabs, offline functions, etc.

Utility links:Minimalist Markdown Editor for Chrome

13. BuildWith Technology Profiler is a tool that allows you to define which technology websites are built with. Once on a website, click the BuildWith icon to see all the technologies used.

Utility links:BuildWith Technology Profiler

14. Search Stackoverflow is a forum that features questions and answers on a variety of coding topics. The user community asks questions and answers questions, votes, reviews, and edits content.

Utility links:Search Stackoverflow for Chrome

15. Project Naptha is a tool for highlighting, copying, editing, and even translating text from any image on the web.

Utility links:Project Naptha for Chrome

16. Web Developer Checklist for web developers contains useful practical information along with links to supporting documentation.

Utility links:Web Developer Checklist for Chrome

17. Checkbotallows to collect data of hundreds of websites on issues related to search engine optimization, speed and security quickly. It also has a free plan that supports checking 250 URLs of each website.

Utility links: Checkbot for Chrome

18. Web Developer supports adding a toolbar button with various web development tools. This is part of the web developer extension for the Firefox browser.

Utility links:Web Developer for Chrome

19. StayFocusd sets time limits for specific websites. When the specified time expires, you will not be able to access websites you blocked at the rest of the day.

https://thuthuat.taimienphi.vn/tien-ich-chrome-mo-rong-cho-thiet-ke-web-55217n.aspx
Add-on link: StayFocusd for Chrome