By using this site, you agree to the Privacy Policy .
Accept
Novadroid360  BlogNovadroid360  Blog
Aa
  • Home
  • News
  • Technology
  • Android
  • How to
  • Gaming
  • General
  • Web Design
  • Uncategorized
Reading: 10 best chrome extensions for web designers and devs to try
Share
Novadroid360  BlogNovadroid360  Blog
Aa
Search
  • Home
  • News
  • Technology
  • Android
  • How to
  • Gaming
  • General
  • Web Design
  • Uncategorized
Follow US
  • Privacy Policy
  • Disclaimer
  • Feedback
  • Contact us
© 2021 Novadroid360 Blog. All Rights Reserved.
Novadroid360 Blog > Web Design > 10 best chrome extensions for web designers and devs to try
Web Design

10 best chrome extensions for web designers and devs to try

Shivendra Nath
Last updated: 16-04-2022 at 2:04 PM
By Shivendra Nath 986 Views Add a Comment
Share
8 Min Read
Chrome-extensions
SHARE

Being web designer or developer, we come across various resources, apps, extensions, and much more stuff in our day-to-day work that makes our lives easier. In this post, I’m going to list the 10 best chrome extensions That I found useful while doing website projects. And you may also find them useful too. According to Statcounter, the majority of the browser market share of Google Chrome worldwide is about 63.59% in Feb2021. This makes us clear why we will discuss the chrome extensions and not the extensions or addons of any other browser.

There is also a second reason why I’m preferring Google Chrome over other browsers. And the reason is that, while I was a student of web design and development I was told by my instructor to prefer chrome to view the websites that I’m building. And from my experience, I have also realised that Google chrome is best among other browsers when it comes to design and test websites. In your case, it might be a different browser. So now let’s hop into the chrome extensions list without any further delay.

1.ColorZilla:

The right colour combination is very crucial for website success. If the colours of the website are unpleasant then the user will not stay to the website longer and may find another website for their interests. So this indicates the importance of colours. There are literally many chrome extensions for colours. But from all those I have been using a useful chrome extension for years named ColorZilla which has many useful features and the best part is, It’s absolutely free. So let’s talk about what tasks it can do related to colours.

colorzilla-chrome-extensions
ColorZilla
  • Eyedropper tool: With the help of this we can pick the colour of any pixel of a website.
  • Advanced Color Picker: Just like the Photoshop software has a colour picker in it, ColorZilla also offers an advanced colour picker.
  • CSS Gradient Generator: Gradients with the right colour combination changes the look of the website.ColorZilla will help you to generate gradients that you can use for your website. It will generate the CSS or SCSS code according to your requirement. And that code is to be pasted in code files.
  • Colour History of recently picked colours.
  • And many more for full features you can view here.

2.WhatFont:

Curious about what font a particular website is using? WhatFont will help you with that, just hover the text it will tell you the name of the font. And when you click on a text, WhatFont will give you additional information about the text like style, weight, line-height and colour. Alternatively, We can know the font of a particular HTML element by using chrome developer tools.

whatfont-chrome-extensions
WhatFont

3.Window Resizer:

This is a very important chrome extension for the developers who are testing the responsiveness of the website or app. It covers various and common screen sizes. Like mobile, tablets, laptops and desktops. One can also detach it from chrome as a pop up for better use.

window-resizer
Window Resizer

4.CSS Viewer:

It is a simple chrome extension to view the CSS property of a particular HTML element. Almost all the CSS Codes of the desired elements are displayed nicely inside a box generated by the extension.

CSS-viewer
CSS Viewer

5.Lorem Ipsum generator:

This is the best chrome extension for generating dummy content for demo websites. Just click on it and enter how many paragraphs you need with how many sentences for each paragraph. After entering the details it generates that amount of dummy text, which can be easily copied and pasted on the website.

You can also change the settings which will add paragraph tags to the dummy text. If you want dummy text with a corporate touch then head over to the next extension.

Lorem-ipsum-generator
Lorem Ipsum Generator

6.Corporate Ipsum:

So now you know what it does from the name itself. As the name is Corporate Ipsum, we can understand that it also generates dummy content. But it appears as a corporate website text which is an interesting thing to note. Let’s see another extension on the list.

Corporate-ipsum
Corporate ipsum

7.Check My Links:

As the name suggests this chrome extension will check for all the links in a webpage. By all the links I mean valid and broken links. As you can see in the image below, It will highlight the valid link in green colour. Whereas the broken link in red. It is a useful extension for link checking.

Check-my-links
Check My links

8.Web Developer Checklist:

When it comes to checklist everybody loves that. Web developer Checklist is another useful chrome developer extension that will check a particular web page in various aspects. Like SEO(Search Engine Optimisation), mobile, usability, accessibility, social media and performance. It checks in all these areas and generates a checklist with green tick marks for satisfying the developer best practices. And red cross marks for the errors. This checklist extension is suitable for busy developers.

web-developer-checklist
web developer checklist

9.Lightshot:

This extension is useful to every people not just developers or designers. It helps in taking a screenshot of the webpage. Along with the screenshot, we can do other things as well as we can use the pen option to write or mark something on the screen. Apart from that we can draw lines, rectangular boxes, highlight something or draw arrows of a particular colour. You can see most of that below in the image, okay now let’s see the last extension.

Lightshot
Lightshot

10.Grammerly:

At the end, Grammerly. It is the most useful extension to correct the typos, Grammatical errors and lots more stuff related to writing.It is suitable for designers ,developers as well as bloggers or anyone who is interested in writing the correct english.It has also a tone detector feature which tells the tone of the text whether formal , informal, optimistic, assertive and many other tones and currently this feature is in beta stage.

Grammerly
Grammerly

So I have listed the 10 useful extensions, which I have come across. Tell me in the comments which one you like the most and also you may like and use other extensions as well. So feel free to mention that also. These extensions save a lot of time in the long run as well as in the short run. That’s all for this post. Thanks.

You Might Also Like

It’s Important to check your Chrome browser now to stop private search history being exposed

Domain & Hosting: Informative things you need to know

Responsive web design:learn for 2021 and beyond

Web designer 5 essential skills

TAGGED: Chrome extensions, Google Chrome, web designer, web developer
Shivendra Nath March 27, 2021
Share this Article
Facebook Twitter Copy Link Print
Share
Avatar photo
By Shivendra Nath
Follow:
He is a passionate Tech enthusiast, Full Stack Developer, Programming Educator and Content Writer. He loves to read and write about fascinating technologies. In his leisure, he loves to listen songs mostly Bollywood as well as English. And sometimes he prefer to spend time in nature.
Previous Article Responsive-web-design-concept Responsive web design:learn for 2021 and beyond
Next Article What is IoT What is the Internet of Things? The IoT Explained
Leave a comment Leave a comment

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Stay Connected

1.6k Followers Like

Latest Posts

how to connect wifi without password
How To Connect WiFi Without Password [3 Easy Ways]
How to 3 days ago
NoiseFit Twist smartwatch
NoiseFit Twist Launched In India Priced At Rs 2,000 : Check Details
News 3 weeks ago
How To Change Font Style In WhatsApp [ Detailed And Easy Guide ]
How to 3 weeks ago
ASUS ROG CES 2023
ASUS ROG Reveals New Laptop Lineup for 2023; Check Out Details
News 3 weeks ago
Novadroid360  BlogNovadroid360  Blog
Follow US

© 2021 Novadroid360 Blog. All Rights Reserved.

  • Privacy Policy
  • Disclaimer
  • Feedback
  • Contact us
Go to mobile version
Welcome Back!

Sign in to your account

Lost your password?