HEY

Participate in the next Webflow Challenge!

4 practical chrome extensions for a better design in 2020

Do you think you're still dragging your webdesign projects a bit too much? Then use a chrome extension for webdesign! Here are 4 of them.

Updated on

6/5/2020

useful extension webdesig
Photo by George Becker

It's been a few months or years since you started your webdesign activity, but you think you're still hanging around too much. Maybe you spend a whole day trying to find inspiration by browsing different websites, but in your opinion it's too long. Maybe you need a little push? Then use chrome extensions for webdesign.

You'll see, you'll be faster and more efficient ;) I've gathered 4 of them for you, but know that there is a whole range of them on the internet. You just have to know what you really need.

What runs

You want to know everything that's behind a website? Whatruns is what you need! This plug-in focuses mainly on the technical features of a website: the implementation technologies. Thanks to it, you can, for example, find out on which platform a site has been created (Wordpress, Webflow, etc.)?

practical extension webdesign
Photo by Jem Sanchez

Full page screen capture

You've probably already had the opportunity to browse through a long (very lonnng) website, haven't you? What do you do when you feel like capturing the whole site in a single image? You may have thought of doing it in stages, and then grouping all the images together using photo processing tools like Photoshop, filezila or whatever... It's not a bad idea, but... it's going to take you all the time you need. And yet, with all your ongoing projects, you can't really afford to waste time on such things.

There will also be those who will tell me they're going to unzoom the site. But the image quality won't be top-notch in that case. So, what can I do? There's the chrome extension for webdesign called Full page screen capture. It allows you to have a capture of the site in one click (no matter how long it is). Even better, you can then export this capture as a JPEG, with a good quality image!

chrome extension webdesign 2020
Photo by Lee Taylor

ColorZilla

Tell me, where do you find the colors to put on your sites (or where do you get inspired). Me for example, I browse different websites, and I record the colors I like. No no, this time, I don't capture the colors ;) There's another way, much more practical and fast : install the chrome extension for webdesign ColorZilla on my pc.

The extension works in the same way as the eyedropper on image processing software. You put the dropper on the color that attracts you, you click on it and you get the color code :) Even better, you can ask ColorZilla to analyze a whole web page so that it generates a complete color palette.

webdesign extension
Photo by Spemone

Show me the styles

With Show me the styles, the features are wider. You're no longer limited to colors. This chrome extension for webdesign gives you the complete CSS details of a website, from the list of images to the loading time, through the typographies used on the site and much more...

There's a Youtube video in which I describe this at the bottom of the article. Support me by subscribing to the YouTube channel "Happy Desk Design".

Conclusion
Do you think these 4 chrome extensions for webdesign in 2020 will help you? Me, I don't think so; I'm sure of it! In any case, don't hesitate to tell me some news (in comment or in private). If you want to share the other extensions you use in webdesign, it would be great. Thanks in advance.

YouTube: Chrome extensions for a web designer in 2020

Come back to this page whenever you want. Did you come up with any ideas I might have forgotten? If so, what are they? Leave a comment below or send an email to hello@happydesk.be.
Kevin Palombo, Manager of Happydesk.

Coffee break

4 items you might like

FREE TRAINING

Register here to receive the free Discovery Training
.

Start by taking the Discovery Training, where you will learn the basics of Webflow and a taste of what to expect in the Start Weblow training.

Start the free training